Marusya's School Notes

Unordered Markers

In the style sheets, the type of list item marker is specified with the list-style-type property:

HTML file:	Displayed by browser:
<style> ul.a { list-style-type: disc; } ul.b { list-style-type: circle; } ul.c { list-style-type: square; } </style> <body> <ul class="a"> <li><b>Disc Type (default)</b></li> <li>Coffee</li> <li>Tea</li> <li>Pop</li> </ul> <ul class="b"> <li><b>Circle Type</b></li> <li>Coffee</li> <li>Tea</li> <li>Pop</li> </ul> <ul class="c"> <li><b>Square Type</b></li> <li>Coffee</li> <li>Tea</li> <li>Pop</li> </ul> </body>	Disc Type (default) Coffee Tea Pop Circle Type Coffee Tea Pop Square Type Coffee Tea Pop

HTML file:

Displayed by browser:

<body>
<ul class="a">
    <li><b>Disc Type (default)</b></li>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Pop</li>
</ul>

<ul class="b">
    <li><b>Circle Type</b></li>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Pop</li>
</ul>

<ul class="c">
    <li><b>Square Type</b></li>
    <li>Coffee</li>
    <li>Tea</li>
    <li>Pop</li>
</ul>
</body>

Disc Type (default)
Coffee
Tea
Pop

Circle Type
Coffee
Tea
Pop

Square Type
Coffee
Tea
Pop