CSS list-style-position 屬性
- 上一頁 list-style-image
- 下一頁 list-style-type
定義和用法
list-style-position 屬性設置在何處放置列表項標記。
說明
該屬性用于聲明列表標志相對于列表項內容的位置。外部 (outside) 標志會放在離列表項邊框邊界一定距離處，不過這距離在 CSS 中未定義。內部 (inside) 標志處理為好像它們是插入在列表項內容最前面的行內元素一樣。
另請參閱：
CSS 教程：CSS 列表
CSS 參考手冊：CSS list-style 屬性
HTML DOM 參考手冊：listStylePosition 屬性
CSS 語法
list-style-position: inside|outside|initial|inherit;
屬性值
| 值 | 描述 |
|---|---|
| inside | 列表項目標記放置在文本以內，且環繞文本根據標記對齊。 |
| outside | 默認值。保持標記位于文本的左側。列表項目標記放置在文本以外，且環繞文本不根據標記對齊。 |
| inherit | 規定應該從父元素繼承 list-style-position 屬性的值。 |
技術細節
| 默認值： | outside |
|---|---|
| 繼承性： | yes |
| 版本： | CSS1 |
| JavaScript 語法： | object.style.listStylePosition="inside" |
更多實例
- 放置列表標記
- 本例演示在何處放置列表標記。
瀏覽器支持
表格中的數字注明了完全支持該屬性的首個瀏覽器版本。
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- 上一頁 list-style-image
- 下一頁 list-style-type
