Harta manakah yang menentukan jarak antara tepi sempadan terdekat bagi kotak penanda dan kotak utama?-tutorial css-php.cn

Harta manakah yang menentukan jarak antara tepi sempadan terdekat bagi kotak penanda dan kotak utama?

WBOY

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

ke hadapan

908 orang telah melayarinya

Harta manakah yang menentukan jarak antara tepi sempadan terdekat bagi kotak penanda dan kotak utama?

Dalam CSS, sifat CSS "penanda-offset" digunakan untuk menentukan jarak antara tepi sempadan terdekat kotak penanda dan kotak utama. Dalam CSS, teg ialah elemen pseudo yang merujuk titik tumpu senarai.

Di sini kita akan belajar untuk menetapkan jarak antara kotak penanda dan tepi sempadan terdekat kotak utama.

Tatabahasa

Pengguna boleh menetapkan jarak antara kotak tanda dan tepi sempadan terdekat kotak utama mengikut sintaks di bawah.

marker-offset: value;

Salin selepas log masuk

Contoh

Dalam contoh di bawah, kami telah mencipta senarai bahasa pengaturcaraan berbeza yang tidak tersusun. Selain itu, kami menggunakan sifat CSS "penanda-mengimbangi" untuk menetapkan jarak antara kotak penanda dan tepi terdekat kotak utama.

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

Salin selepas log masuk

Contoh

Dalam contoh ini, kami menggunakan sifat CSS "penanda-offset" dengan senarai tersusun. Kami menggunakan offset "2cm", yang mewakili 2 sentimeter.

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

Salin selepas log masuk

Pengguna belajar menggunakan sifat CSS "penanda-offset" untuk menetapkan jarak antara kotak penanda dan tepi kotak utama yang terdekat.

Atas ialah kandungan terperinci Harta manakah yang menentukan jarak antara tepi sempadan terdekat bagi kotak penanda dan kotak utama?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!