Quelle propriété spécifie la distance entre le bord de bordure le plus proche de la zone de marquage et la zone principale ?-tutoriel CSS-php.cn

Quelle propriété spécifie la distance entre le bord de bordure le plus proche de la zone de marquage et la zone principale ?

WBOY

Libérer： 2023-08-31 16:49:06

avant

918 Les gens l'ont consulté

Quelle propriété spécifie la distance entre le bord de bordure le plus proche de la zone de marquage et la zone principale ?

En CSS, la propriété CSS "marker-offset" est utilisée pour spécifier la distance entre le bord de bordure le plus proche de la zone de marquage et la zone principale. En CSS, une balise est un pseudo-élément qui fait référence à la puce d'une liste.

Ici, nous allons apprendre à définir la distance entre la zone de marquage et le bord le plus proche de la zone principale.

Grammaire

Les utilisateurs peuvent définir la distance entre la zone de marquage et le bord de bordure le plus proche de la zone principale selon la syntaxe ci-dessous.

marker-offset: value;

Copier après la connexion

Exemple

Dans l'exemple ci-dessous, nous avons créé une liste non ordonnée de différents langages de programmation. De plus, nous utilisons la propriété CSS « marker-offset » pour définir la distance entre la zone de marquage et le bord le plus proche de la zone principale.

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

Copier après la connexion

Exemple

Dans cet exemple, nous utilisons la propriété CSS « Marker-offset » avec une liste ordonnée. Nous avons appliqué un décalage de "2cm", ce qui représente 2 centimètres.

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

Copier après la connexion

Les utilisateurs ont appris à utiliser la propriété CSS « marker-offset » pour définir la distance entre la zone de marquage et le bord le plus proche de la zone principale.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!