Page 192 - Web Applications (803) Class 11
P. 192

text-shadow             Used  to  set  the  horizontal   h1 {
                                       shadow  (2px)  and  the  vertical
                                       shadow (2px) and colour to the     text-shadow: 2px 2px red;
                                       shadow                        }
               text-decoration-line    Is  used  to  add  the  following  p.one {
                                       decorations to text             text-decoration-line: overline;
                                                                     }

                                                                     p.two {
                                                                       text-decoration-line: line-through;
                                                                     }
                                                                     p.three {

                                                                       text-decoration-line: underline;
                                                                     }
                                                                     h1 {

                                                                            text-decoration-line:          overline
                                                                     underline;
                                                                     }
               white-space             Handles the white-space inside  p.one {
                                       an  element.  Values  can  be     white-space: nowrap;
                                       normal,  nowrap,  pre,  pre-line,
                                       pre-wrap                      }
                                                                     p.two {
                                                                       white-space: normal;

                                                                     }



                                                Lab Assignment ‘n Activity                       Experiential Learning
                                                                                                 Computational Thinking

                 1.  Type the following code and see the output.

                   <!DOCTYPE html>
                     <html>
                   <head>
                   <style type="text/css">
                   body{color: red;font-size: 25px}

                   p.std {direction: ltr;}
                   p.rev {direction: rtl;}
                   </style>
                   </head>
                   <body>

                   <p class="std">
                   Giant pandas can no longer survive in the wild without human protection



                190     Touchpad Web Applications-XI
   187   188   189   190   191   192   193   194   195   196   197