Welche Eigenschaft gibt den Abstand zwischen der nächsten Randkante der Markierungsbox und der Hauptbox an?-CSS-Tutorial-php.cn

Welche Eigenschaft gibt den Abstand zwischen der nächsten Randkante der Markierungsbox und der Hauptbox an?

WBOY

Freigeben： 2023-08-31 16:49:06

nach vorne

934 Leute haben es durchsucht

Welche Eigenschaft gibt den Abstand zwischen der nächsten Randkante der Markierungsbox und der Hauptbox an?

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;

Nach dem Login kopieren

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>

Nach dem Login kopieren

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>

Nach dem Login kopieren

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!