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

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

WBOY
發布: 2023-08-31 16:49:06
轉載
942 人瀏覽過

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

在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
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板