CSS - marker-offset Property

Quiz

The marker-offset Property

CSS marker-offset property defines the distance between the nearest border edges of a marker and its associated principal box.

This property is now deprecated and it is no longer used in modern browsers.

Syntax

The syntax for the marker-offset property is as follows:

marker-offset: auto | length;

Property Values

Value	Description
auto	It is the default value and lets browsers automatically set it.
length	It defines any length value.

Example of marker-offset Property

Here is an example of how to use the marker-offset property:

<!DOCTYPE html>
<html lang="en">

<head>
    <style>
        .list1 {
            list-style: inside square;
            marker-offset: 1em;
        }
    </style>
</head>

<body>
    <h2>CSS marker-offset Property</h2>
    <ul class="list1">
        <li>Maths</li>
        <li>Social Science</li>
        <li>Physics</li>
    </ul>
</body>

</html>

Note: The above example will not work as it should work as the property is now deprecated. So, you will not be able to see the effect of this property in the output.

Supported Browsers

Property
marker-offset	Not Supported	Not Supported	Not Supported	Not Supported	Not Supported

Print Page