>> English << | česky | Português | ZVON > Tutorials > CSS2 tutorial |
Intro / Search / ZVON |
>> Example 50 << | Prev | Next | Index | Contents |
With list-style-type type of list marker is specified.
XML Source | CSS stylesheet | Example link |
---|---|---|
(1)
<AAA> <XXX> <html:ul> <html:li>xxx</html:li> <html:li>xxx</html:li> </html:ul> </XXX> <YYY> <html:ul> <html:li>yyy</html:li> <html:li>yyy</html:li> </html:ul> </YYY> <ZZZ> <html:ul> <html:li>zzz</html:li> <html:li>zzz</html:li> </html:ul> </ZZZ> </AAA> | XXX li {list-style-type:disc} YYY li {list-style-type:circle} ZZZ li {list-style-type:square} | View output |
XML Source | CSS stylesheet | Example link |
(2)
<AAA> <XXX> <html:ul> <html:li>xxx</html:li> <html:li>xxx</html:li> </html:ul> </XXX> <YYY> <html:ul> <html:li>yyy</html:li> <html:li>yyy</html:li> </html:ul> </YYY> <ZZZ> <html:ul> <html:li>zzz</html:li> <html:li>zzz</html:li> </html:ul> </ZZZ> </AAA> | XXX li {list-style-type:decimal} YYY li {list-style-type:decimal-leading-zero} ZZZ li {list-style-type: none} | View output |
XML Source | CSS stylesheet | Example link |
(3)
<AAA> <XXX> <html:ul> <html:li>xxx</html:li> <html:li>xxx</html:li> </html:ul> </XXX> <YYY> <html:ul> <html:li>yyy</html:li> <html:li>yyy</html:li> </html:ul> </YYY> <ZZZ> <html:ul> <html:li>zzz</html:li> <html:li>zzz</html:li> </html:ul> </ZZZ> </AAA> | XXX li {list-style-type:lower-roman} YYY li {list-style-type:upper-roman} ZZZ li {list-style-type: lower-greek} | View output |
XML Source | CSS stylesheet | Example link |
(4)
<AAA> <XXX> <html:ul> <html:li>xxx</html:li> <html:li>xxx</html:li> </html:ul> </XXX> <YYY> <html:ul> <html:li>yyy</html:li> <html:li>yyy</html:li> </html:ul> </YYY> <ZZZ> <html:ul> <html:li>zzz</html:li> <html:li>zzz</html:li> </html:ul> </ZZZ> </AAA> | XXX li {list-style-type:lower-alpha} YYY li {list-style-type:lower-latin} ZZZ li {list-style-type: upper-alpha} | View output |