CSS list-style-position 屬性

實例

規(guī)定列表中列表項目標記的位置:

ul
{
list-style-position:inside;
}

嘗試一下 ?

屬性定義及使用說明

list-style-position屬性指示如何相對于對象的內容繪制列表項標記。

Outside:

  • Coffee
  • Tea
  • Coca-cola

Inside:

  • Coffee
  • Tea
  • Coca-cola

默認值: outside
繼承: yes
版本: CSS1
JavaScript 語法: object.style.listStylePosition="inside"


瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

所有主流瀏覽器都支持list-style-position屬性。

注意:IE7和更早的版本不支持"inherit"的值。IE8需要定義!DOCTYPE。IE9支持"inherit"。


屬性值

描述
inside列表項目標記放置在文本以內,且環(huán)繞文本根據標記對齊。
outside默認值。保持標記位于文本的左側。列表項目標記放置在文本以外,且環(huán)繞文本不根據標記對齊。
inherit規(guī)定應該從父元素繼承 list-style-position 屬性的值。


相關文章

CSS 教程: CSS 列表

CSS 參考手冊: list-style 屬性