首頁 >web前端 >css教學 >哪個屬性指定標記框和主框最近邊框邊緣之間的距離?

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

WBOY
WBOY轉載
2023-08-31 16:49:06926瀏覽

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

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

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

文法

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

marker-offset: value;

範例

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

<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>

範例

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

<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>

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

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

陳述:
本文轉載於:tutorialspoint.com。如有侵權,請聯絡admin@php.cn刪除