Heim >Web-Frontend >CSS-Tutorial >Welche Eigenschaft gibt den Abstand zwischen der nächsten Randkante der Markierungsbox und der Hauptbox an?
Welche Eigenschaft gibt den Abstand zwischen der nächsten Randkante der Markierungsbox und der Hauptbox an?
- WBOYnach vorne
- 2023-08-31 16:49:06944Durchsuche
In CSS wird die CSS-Eigenschaft „marker-offset“ verwendet, um den Abstand zwischen der nächsten Randkante der Markierungsbox und der Hauptbox anzugeben. In CSS ist ein Tag ein Pseudoelement, das auf den Aufzählungspunkt einer Liste verweist.
Hier erfahren Sie, wie Sie den Abstand zwischen dem Markierungsfeld und der nächstgelegenen Randkante des Hauptfelds festlegen.
Grammatik
Benutzer können den Abstand zwischen dem Markierungsfeld und der nächsten Randkante des Hauptfelds gemäß der folgenden Syntax festlegen.
marker-offset: value;
Beispiel
Im folgenden Beispiel haben wir eine ungeordnete Liste verschiedener Programmiersprachen erstellt. Zusätzlich verwenden wir die CSS-Eigenschaft „marker-offset“, um den Abstand zwischen der Markierungsbox und der nächstgelegenen Kante der Hauptbox festzulegen.
<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>
Beispiel
In diesem Beispiel verwenden wir die CSS-Eigenschaft „marker-offset“ mit einer geordneten Liste. Wir haben einen Versatz von „2cm“ angewendet, was 2 Zentimetern entspricht.
<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>
Benutzer haben gelernt, die CSS-Eigenschaft „marker-offset“ zu verwenden, um den Abstand zwischen dem Markierungsfeld und der nächsten Kante des Hauptfelds festzulegen.
Das obige ist der detaillierte Inhalt vonWelche Eigenschaft gibt den Abstand zwischen der nächsten Randkante der Markierungsbox und der Hauptbox an?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!