Page 117 - CodePilot V5.0 C7
P. 117

Property Name                         Value                              Description
                  LIST-STYLE-TYPE          For <OL>: DECIMAL, DECIMAL-             It specifies the type of list item
                                           LEADING-ZERO, LOWER-ROMAN,              marker.
                                           UPPER-ROMAN, LOWER-ALPHA and
                                           UPPER-ALPHA

                                           For <UL>:, DISC, CIRCLE and
                                           SQUARE.
                  LIST-STYLE-IMAGE         None or URL(path)                       It specifies an image as the
                                                                                   list-item marker.

                  LIST-STYLE-POSITION      OUTSIDE or INSIDE                       It specifies the position of the
                                                                                   list-item markers (bullet points).
                                                                                   Outside is the default value for
                                                                                   LIST-STYLE-POSITION.
                  LIST-STYLE               LIST-STYLE-TYPE LIST-STYLE-             It is a shorthand property
                                           POSITION  LIST-STYLE-IMAGE              for three CSS properties:
                                                                                   LIST-STYLE-TYPE,
                                                                                   LIST-STYLE-POSITION and
                                                                                   LIST-STYLE-IMAGE


                    Code     Write  the  HTML code  to  present  the  given  web  page  using  the  CSS  property
                      6      LIST-STYLE-TYPE to change the style of list marker.


                 <!DOCTYPE HTML>

                 <HTML>

                 <HEAD>
                 <TITLE>Important Robots</TITLE>

                 </HEAD>

                 <BODY
                 STYLE="BACKGROUND-COLOR: #f5f5dc;">

                 <H1>Important robots</H1>

                 <UL STYLE="LIST-STYLE-TYPE: SQUARE;">
                 <LI>Asimo</LI>

                 <LI>Sophia</LI>

                 <LI>Robonaut</LI>                                                  If a value is not specified for a
                 </UL>                                                             CSS property, the default value
                                                                                      of that property is used.
                 </BODY>

                 </HTML>


                                                                                                                  115
                                                                                          Lists and Tables in HTML5
   112   113   114   115   116   117   118   119   120   121   122