首页 > web前端 > css教程 > 哪个属性指定标记框和主框最近边框边缘之间的距离?

哪个属性指定标记框和主框最近边框边缘之间的距离?

WBOY
发布: 2023-08-31 16:49:06
转载
933 人浏览过

哪个属性指定标记框和主框最近边框边缘之间的距离?

在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
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板