"/> <">
Home > Article > Web Front-end > Which property specifies the distance between the nearest border edge of the marker box and the main box?
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.
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;
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>
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!