Page 208 - Webapplication11_C11_Flipbook
P. 208

Property                                           Description
               caption-side            Specifies the position of the table caption (top or bottom of the table).

               empty-cells             Controls whether to display or hide borders and background on empty cells.

               table-layout            Defines the algorithm used to lay out the table cells, rows, and columns.

               width                   Sets the width of the table.

               height                  Sets the height of the table.

               padding                 Specifies the padding inside table cells.

               text-align              Sets the horizontal alignment of the content in table cells.

               vertical-align          Sets the vertical alignment of the content in table cells.


               background-color        Specifies the background color of the table, rows, or cells.
               border-color            Sets the color of the table, row, or cell borders.


               border-width            Specifies the width of the border for the table, rows, or cells.
               border-style            Defines the style of the border (e.g., solid, dotted, dashed).






                                                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
                         </p>
                         <p class="rev">Duck-billed platypuses are shy,
                         tiny creatures who they have a flattened head and body
                         </p>
                         </body>
                         </html>

                206     Touchpad Web Applications-XI
   203   204   205   206   207   208   209   210   211   212   213