哪個屬性指定標記框和主框最近邊框邊緣之間的距離？-css教學-PHP中文網

文法

範例

Using the marker-offset CSS property to specifies the distance between nearest border edges of marker box and principal box in CSS

首頁

web前端

css教學

哪個屬性指定標記框和主框最近邊框邊緣之間的距離？

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB

Aug 31, 2023 pm 04:49 PM

哪個屬性指定標記框和主框最近邊框邊緣之間的距離？

在CSS中，「marker-offset」CSS屬性用於指定標記框和主框最近的邊框邊緣之間的距離。在 CSS 中，標記是一個偽元素，它引用列表的項目符號點。

在這裡，我們將學習設定標記框和主框最近的邊框邊緣之間的距離。

文法

使用者可以按照下面的語法設定標記框與主框最近的邊框邊緣之間的距離。

marker-offset: value;

登入後複製

範例

在下面的範例中，我們建立了不同程式語言的無序列表。此外，我們也使用「marker-offset」CSS 屬性來設定標記框與主框最近邊緣之間的距離。

<html>
<head>
   <style>
      .list {
         marker-offset: 2em;
      }
   </style>
</head>
<body>
   <h3 id="Using-the-i-marker-offset-CSS-property-i-to-specifies-the-distance-between-nearest-border-edges-of-marker-box-and-principal-box-in-CSS"> 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>

登入後複製

範例

在此範例中，我們將「marker-offset」CSS 屬性與有序列表一起使用。我們應用了「2cm」的偏移量，代表 2 公分。

<html>
<head>
   <style>
      .list {
         marker-offset: 2cm;
      }
   </style>
</head>
<body>
   <h3 id="Using-the-i-marker-offset-CSS-property-i-to-specifies-the-distance-between-nearest-border-edges-of-marker-box-and-principal-box-in-CSS"> 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>

登入後複製

使用者學會了使用「marker-offset」CSS 屬性來設定標記框與主框最近邊緣之間的距離。

以上是哪個屬性指定標記框和主框最近邊框邊緣之間的距離？的詳細內容。更多資訊請關注PHP中文網其他相關文章！

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn