css list-style-position属性控制列表项符号的位置

分类:知识百科 日期: 点击:0

CSS list-style-position属性用于控制列表项符号的位置。它有两个可用值,分别是inside和outside。如果将其设置为inside,则列表项符号将位于列表项文本的内部;如果将其设置为outside,则列表项符号将位于列表项文本的外部,与文本之间留有一定的间距。

使用方法

使用list-style-position属性时,只需要在ul或ol元素中设置list-style-position属性即可,如下所示:

ul {
  list-style-position: inside;
}

或者,也可以将其设置为outside,如下所示:

ul {
  list-style-position: outside;
}

当然,也可以使用list-style属性来一次性设置list-style-type和list-style-position属性,如下所示:

ul {
  list-style: circle inside;
}

这样,就可以控制列表项符号的位置了。

标签:

版权声明

1. 本站所有素材,仅限学习交流,仅展示部分内容,如需查看完整内容,请下载原文件。
2. 会员在本站下载的所有素材,只拥有使用权,著作权归原作者所有。
3. 所有素材,未经合法授权,请勿用于商业用途,会员不得以任何形式发布、传播、复制、转售该素材,否则一律封号处理。
4. 如果素材损害你的权益请联系客服QQ:77594475 处理。