The marker-offset property (CSS Reference)
Introduction
The marker-offset property can be used to specify the
nearest border edges of a marker box and its associated principal box. A list
item is displayed in a principal box and the marker is displayed in a
marker-box.
Note: Please check if the browser you're targeting supports this property yet. Many don't, at the time of
publishing.
Example
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><title>marker-offset
Demonstration</title>
<style type="text/css">
li:Before
{
display: marker;
marker-offset:
3em;
}
</style>
</head>
<body>
<h1><p>marker-offset
demonstration</p></h1>
<ol>
<li>This is
the first Item</li>
<li>This is
the second Item</li>
<li>This is the third Item</li>
</ol>
</body>
</html>
Values
|
Name:
|
Description:
|
|
auto
|
This value can be used to set the marker-offset
automatically.
|
|
length
|
The following values can be also used to define the
marker-offset:
cm (centimeter)
em (ems)
inch (inches)
mm (millimeters)
pc (picas)
px (pixels)
pt (points)
|
|
Email TopXML