Welcome Login

Css: list-style-type and list-style-position


Css

list-style-type property:

Syntax:

list-style-type:none | disc | circle | square | decimal | lower-roman | upper-roman

 

list style type

 

 

list-style-position property:

Syntax:

list-style-position:inside | outside

 

list style indent

 

Eg:

<html>
    <head>
    <style>
        ul {
        list-style-type: square inside;
        color: #1e1a4b;
        }
    </style>
    </head>
    <body>
        <ul>
            <li>tea</li>
            <li>coffee</li>
            <li>milk</li>
            <li>pop</li>
        </ul>
    </body>
</html>

 

Outputs:

css-liststyle1

 

Eg2:

ol { list-style-position: outside; }

 

 

For more info, check: http://www.tizag.com/cssT/list.php


Created on: Thursday, March 3, 2011 by Andrew Sin