CSS list-style-position 屬性
定義和用法
list-style-position
屬性指定列表項標記(專案符號)的位置。
list-style-position: outside;
表示專案符號將位於列表項的外部。每個列表項行的開頭將垂直對齊。
- 咖啡 - 一種由烘焙咖啡豆製成的沖泡飲品...
- 茶
- 可口可樂
list-style-position: inside;
表示專案符號將位於列表項的內部。作為列表項的一部分,它將成為文字的一部分,並將文字推到開頭。
- 咖啡 - 一種由烘焙咖啡豆製成的沖泡飲品...
- 茶
- 可口可樂
預設值 | outside |
---|---|
繼承 | 是 |
可動畫 | 否。 閱讀關於可動畫屬性 |
版本 | CSS1 |
JavaScript 語法 | object.style.listStylePosition="inside" 嘗試一下 |
瀏覽器支援
表中的數字指定了完全支援該屬性的第一個瀏覽器版本。
屬性 | |||||
---|---|---|---|---|---|
list-style-position | 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
CSS 語法
list-style-position: inside|outside|initial|inherit;
屬性值
值 | 描述 | 演示 |
---|---|---|
inside | 專案符號將位於列表項內部 | 演示 ❯ |
outside | 專案符號將位於列表項外部。這是預設設定。 | 演示 ❯ |
initial | 將此屬性設定為其預設值。閱讀關於initial | |
inherit | 從其父元素繼承此屬性。閱讀關於inherit |
相關頁面
CSS 教程: CSS 列表
CSS 參考:list-style 屬性
HTML DOM 參考:listStylePosition 屬性