Basic HTML Version

|  | Table of Contents |  | View Full Version

Page 57 - 2609_Logiccode
P. 57

    Property                       Value                             Description
                             Name

                                               For <OL>: DECIMAL,
                                               DECIMAL-LEADING-ZERO,
                                               LOWER-ROMAN, UPPER-

                      LIST-STYLE-TYPE          ROMAN, LOWER-ALPHA and  It specifies the type of list item marker.
                                               UPPER-ALPHA
                                               For <UL>:, DISC, CIRCLE and
                                               SQUARE.

                                                                                It specifies  an image  as the list-item
                      LIST-STYLE-IMAGE         None or URL(path)
                                                                                marker.

                                                                                It specifies the position of the list-item
                      LIST-STYLE-POSITION      OUTSIDE or INSIDE                markers (bullet points). Outside is the
                                                                                default value for LIST-STYLE-POSITION.

                                                                                It is a shorthand property for three
                                               LIST-STYLE-TYPE LIST-STYLE- CSS properties: LIST-STYLE-TYPE,
                      LIST-STYLE
                                               POSITION LIST-STYLE-IMAGE        LIST-STYLE-POSITION and
                                                                                LIST-STYLE-IMAGE

                     Code 6.  Write  the  HTML code  to  present  the  given  web page  using  the  CSS  property
                              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>

                     </UL>

                                                                                              Lists and Tables in HTML5  55

| 52 53 54 55 56 57 58 59 60 61 62 |