HTML | DOM 样式 listStylePosition 属性

listStylePosition 属性用于定义列表项标记（项目符号或编号）相对于列表项文本的位置。

属性值

listStylePosition 属性可以接受以下属性值：

• inside：列表项标记位于列表项文本内部，默认值。
• outside：列表项标记位于列表项文本外部。

语法

<style>
  ul {
    list-style-position: inside|outside;
  }
</style>

示例

<ul style="list-style-position: inside;">
  <li>Java</li>
  <li>HTML</li>
  <li>CSS</li>
</ul>

<ul style="list-style-position: outside;">
  <li>Python</li>
  <li>JavaScript</li>
  <li>Ruby</li>
</ul>

解释

listStylePosition 属性可以应用于 <ul> 和 <ol> 元素，用于控制列表项标记的位置。默认情况下，列表项标记位于列表项文本内部。

在上面的示例中，第一个 <ul> 元素的列表项标记位于列表项文本内部（inside），而第二个 <ul> 元素的列表项标记位于列表项文本外部（outside）。

总结

通过使用 listStylePosition 属性，你可以控制列表项标记的位置，使之位于列表项文本的内部或外部。根据需要，可以选择适合你网页设计的位置风格。