Page 56 - PortGPT_V2.1_C8_Flipbook
P. 56

The syntax for using the list-style-type property is: <UL Style = "list-style-type:value">
                  Write HTML codes by using properties of CSS.

                  <!DOCTYPE html>
                  <HTML>
                  <HEAD>

                  <TITLE> List</TITLE></HEAD>
                  <BODY>
                  <H2>Types of Pollution:</H2>

                  <UL style="List-style-Type:Square">
                  <LI>Air Pollution</LI>
                  <LI>Water Pollution</LI>
                  <LI>Noise Pollution</LI>

                  <LI>Soil Pollution</LI>
                  </UL>
                  </BODY>

                  </HTML>

                         STYLING TABLES USING CSS


                  CSS provides various properties that can be used while creating tables in HTML. Let us learn about
                  some of them.


                       Border Property

                  Border property is used to define border of a table.


                          Property           Options                         Description                Value
                                                                       Specifies  the  thickness  Thickness in cm, px,
                                             width
                                                                       of the border             pt, medium or thick
                                                                                                 Dotted, dashed,
                                                                                                 solid, double,
                                                                       Specifies the type of
                           border            style                                               groove, ridge, inset,
                                                                       border
                                                                                                 outset, none, and
                                                                                                 hidden

                                                                       Specifies  the  colour  of
                                             colour                                              Colour name
                                                                       all sides of the border
                  Write HTML codes to use border property.


                  <!DOCTYPE html>





                  54    Premium Edition-VIII
   51   52   53   54   55   56   57   58   59   60   61