CSS Length Units
Description
Whenever you need to specify a length or size in CSS there are several options available to you.
Absolute Length Units
in inches
cm centimeters
mm millimeters
pt points - fonts
pc picas
Relative Length Units
em em-height - fonts
px pixels
See also: url, percentage
Examples for Length Units
Example 1:
<style>
#test { list-style: square outside none; }
</style>
<ul id="test">
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
</ul>
Example 2:
<style>
#test2 { list-style: inside url(images/bullet.gif); }
</style>
<ul id="test2">
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
</ul>
Example 3:
<style>
#test3 { list-style: outside url(images/bullet.gif); }
</style>
<ul id="test3">
<li>test</li>
<li>test</li>
<li>test</li>
<li>test</li>
</ul>
Values for list-style
| relative length units |
disc
circle
square
decimal
lower-roman
upper-roman
lower-alpha
upper-alpha
none |
Specifies the bullet style. Default is disc. If url is specified then this property is disregarded. |
| absolute length units |
inside
outside |
Specifies the positioning of the bullet. Inside for Default is outside. |