CSS3 list-style-position

list-style-position

该属性用于设置列表前面符号的显示位置

<!-- list-style-position 有两个属性 outside | inside -->

<!-- outside 默认值 | 列表符号显示在边框之外 -->
<ul style="list-style-position:outside;">
 <li style="border:1px solid black">默认状态下列表的符号,显示在边框的外部。</li>
</ul>

<!-- inside 设置列表符号显示在边框之内 -->
<ul style="list-style-position:inside;">
 <li style="border:1px solid black">默认状态下列表的符号,显示在边框的外部。</li>
</ul>

outside 效果

  • ~

inside 效果

  • ~
更多教程 HTML5 教程 CSS3 教程 JavaScript 教程 JQuery 教程 React.js 教程 Node.js 教程 Koa2 教程 Python 教程 Linux 教程