CSS list-style-position 屬性

實(shí)例

規(guī)定列表中列表項(xiàng)目標(biāo)記的位置：

ul
{
list-style-position:inside;
}

嘗試一下 ?

屬性定義及使用說(shuō)明

list-style-position屬性指示如何相對(duì)于對(duì)象的內(nèi)容繪制列表項(xiàng)標(biāo)記。

Outside:

  • Coffee
  • Tea
  • Coca-cola

Inside:

  • Coffee
  • Tea
  • Coca-cola

默認(rèn)值： outside
繼承： yes
版本： CSS1
JavaScript 語(yǔ)法： object.style.listStylePosition="inside"

瀏覽器支持

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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

屬性值

值描述
inside列表項(xiàng)目標(biāo)記放置在文本以內(nèi)，且環(huán)繞文本根據(jù)標(biāo)記對(duì)齊。
outside默認(rèn)值。保持標(biāo)記位于文本的左側(cè)。列表項(xiàng)目標(biāo)記放置在文本以外，且環(huán)繞文本不根據(jù)標(biāo)記對(duì)齊。
inherit規(guī)定應(yīng)該從父元素繼承 list-style-position 屬性的值。

相關(guān)文章

CSS 教程: CSS 列表

CSS 參考手冊(cè): list-style 屬性