Basic HTML Version

|  | Table of Contents |  | View Full Version

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 |