CSS2 樣式表 屬性 列表

2021-08-22 12:27:20 字數 3014 閱讀 2157

1、list-style

語法:list-style : list-style-image || list-style-position || list-style-type

取值:該屬性是復合屬性。請參閱各引數對應的屬性。

預設值為:disc outside none。

說明:設定列表專案相關樣式。

當 list-style-image 和 list-style-type 都被指定了時, list-style-image 將獲得優先權。除非 list-style-image 設定為 none 或指定 url 位址的不能被顯示。

對應的指令碼特性為 liststyle 。

示例:li

ul

ol

2、list-style-image

語法:list-style-image : none | url ( url )

取值:none : 預設值。不指定影象

url ( url ) : 使用絕對或相對 url 位址指定影象

說明:設定或檢索作為物件的列表項標記的影象。

若此屬性值為 none 或指定 url 位址的不能被顯示時, list-style-type 屬性將發生作用。

此屬性對於 currentstyle 物件而言是唯讀的。對於其他物件而言是可讀寫的。

對應的指令碼特性為 liststyleimage 。

示例:ul.out

3、list-style-position

語法:list-style-position : outside | inside

取值:outside : 預設值。列表專案標記放置在文字以外,且環繞文字不根據標記對齊

inside : 列表專案標記放置在文字以內,且環繞文字根據標記對齊

說明:設定或檢索作為物件的列表項標記如何根據文字排列。

假如乙個列表專案的左外補丁( margin-left )被設定為 0 ,則列表專案標記不會被顯示。左外補丁( margin-left )最小可以被設定為 30 。

僅作用於具有 display 屬性值等於 list-item 的物件。如 li 物件。

注意: ol 物件和 ul 物件的 type 屬性為其後的所有列表專案(如 li 物件)指明列表屬性。

此屬性對於 currentstyle 物件而言是唯讀的。對於其他物件而言是可讀寫的。

對應的指令碼特性為 liststyleposition 。

示例:ul.in

4、list-style-type

語法:list-style-type : disc | circle | square | decimal | lower-roman | upper-roman | lower-alpha | upper-alpha | none | armenian | cjk-ideographic | georgian | lower-greek | hebrew | hiragana | hiragana-iroha | katakana | katakana-iroha | lower-latin | upper-latin

取值:disc : css1 預設值。實心圓

circle : css1 空心圓

square : css1 實心方塊

decimal : css1 阿拉伯數字

lower-roman : css1 小寫羅馬數字

upper-roman : css1 大寫羅馬數字

lower-alpha : css1 小寫英文本母

upper-alpha : css1 大寫英文本母

none : css1 不使用專案符號

armenianl : css2 未支援。傳統的亞美尼亞數字

cjk-ideographic : css2 未支援。淺白的表意數字

georgian : css2 未支援。傳統的喬治數字

lower-greek : css2 未支援。基本的希臘小寫字母

hebrew : css2 未支援。傳統的希伯萊數字

hiragana : css2 未支援。日文平假名字元

hiragana-iroha : css2 未支援。日文平假名序號

katakana : css2 未支援。日文片假名字元

katakana-iroha : css2 未支援。日文片假名序號

lower-latin : css2 未支援。小寫拉丁字母

upper-latin : css2 未支援。大寫拉丁字母

說明:設定或檢索物件的列表項所使用的預設標記。

若 list-style-image 屬性值為 none 或指定 url 位址的不能被顯示時,此屬性將發生作用。

假如乙個列表專案的左外補丁( margin-left )被設定為 0 ,則列表專案標記不會被顯示。左外補丁( margin-left )最小可以被設定為 30 。

僅作用於具有 display 屬性值等於 list-item 的物件。如 li 物件。

注意: ol 物件和 ul 物件的 type 屬性為其後的所有列表專案(如 li 物件)指明列表屬性。

此屬性對於 currentstyle 物件而言是唯讀的。對於其他物件而言是可讀寫的。

對應的指令碼特性為 liststyletype 。

示例:ul.in

5、marker-offset

語法:marker-offset : auto | length

取值:auto : 預設值。瀏覽器自動設定間距

length : 由浮點數字和單位識別符號組成的長度值。可為負值。請參閱 長度單位

說明:設定或檢索標記容器和主容器之間水平補白。即兩個容器靠近的一邊的間距。

作用於 display 屬性值為 marker 的元素。

對應的指令碼特性為 markeroffset 。

示例:li:before

CSS2 樣式表 屬性 內容

1 include source 語法 include source url url 取值 url url 使用絕對或相對 url 位址指定插入文件。假如該文件不存在,當前物件的內容將被顯示 說明 這個屬性插入另乙個文件到當前文件,取代當前物件的內容。插入文件的樣式屬性從當前物件繼承。對應的指令碼特...

CSS2樣式表 屬性 尺寸

1 height 語法 height auto length 取值 auto 預設值。無特殊定位,根據html定位規則分配 length 由浮點數字和單位識別符號組成的長度值 百分數。百分數是基於父物件的高度。不可為負數。請參閱 長度單位 說明 檢索或設定物件的高度。對於 img 物件來說,僅指定此...

CSS2 樣式表 屬性 內容

1 include source 語法 include source url url 取值 url url 使用絕對或相對 url 位址指定插入文件。假如該文件不存在,當前物件的內容將被顯示 說明 這個屬性插入另乙個文件到當前文件,取代當前物件的內容。插入文件的樣式屬性從當前物件繼承。對應的指令碼特...