Home > Article > Web Front-end > Which property specifies the distance between the nearest border edge of the marker box and the main box?
Which property specifies the distance between the nearest border edge of the marker box and the main box?
- WBOYforward
- 2023-08-31 16:49:06903browse
In CSS, the "marker-offset" CSS property is used to specify the distance between the nearest border edge of the marker box and the main box. In CSS, a tag is a pseudo-element that references the bullet point of a list.
Here, we will learn to set the distance between the nearest border edge of the marker box and the main box.
grammar
Users can set the distance between the mark box and the nearest border edge of the main box according to the following syntax.
marker-offset: value;
Example
In the following example, we create an unordered list of different programming languages. Additionally, we use the "marker-offset" CSS property to set the distance between the marker box and the closest edge of the main box.
<html>
<head>
<style>
.list {
marker-offset: 2em;
}
</style>
</head>
<body>
<h3> Using the <i> marker-offset CSS property </i> to specifies the distance between nearest border edges of marker box and principal box in CSS </h3>
<ul class = "list">
<li> JavaScript </li>
<li> HTML </li>
<li> CSS </li>
<li> C </li>
<li> CPP </li>
</ul>
</body>
</html>
Example
In this example, we use the "marker-offset" CSS property with an ordered list. We applied an offset of "2cm", which represents 2 centimeters.
<html>
<head>
<style>
.list {
marker-offset: 2cm;
}
</style>
</head>
<body>
<h3> Using the <i> marker-offset CSS property </i> to specifies the distance between nearest border edges of marker box and principal box in CSS </h3>
<ol class = "list">
<li> English </li>
<li> Hindi </li>
<li> Gujarati </li>
<li> Marathi </li>
<li> Urdu </li>
</ol>
</body>
</html>
Users learned to use the "marker-offset" CSS property to set the distance between the marker box and the nearest edge of the main box.
The above is the detailed content of Which property specifies the distance between the nearest border edge of the marker box and the main box?. For more information, please follow other related articles on the PHP Chinese website!