Heim > Artikel > Web-Frontend > 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:06903Durchsuche

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!

css 伪元素

Stellungnahme：

Dieser Artikel ist reproduziert unter:tutorialspoint.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen

Vorheriger Artikel：Wie kann ich ein Bild oder Symbol übersetzen, indem ich mit der Maus darüber fahre?Nächster Artikel：Wie kann ich ein Bild oder Symbol übersetzen, indem ich mit der Maus darüber fahre?

In Verbindung stehende Artikel

Mehr sehen