CSS 筆記——列表表格
6. 列表表格
-> 列表
(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 地址的圖片不能被顯示。
(2)list-style-image
基本語法
list-style-image : none | url ( url )
語法取值
none : 默認值。不指定圖像
url ( url ) : 使用絕對或相對 url 地址指定圖像
使用說明
設置或檢索作為對象的列表項標記的圖像。若此屬性值為 none 或指定 url 地址的圖片不能被顯示時, list-style-type 屬性將發生作用。此屬性對於 currentStyle 對象而言是只讀的。對於其他對象而言是可讀寫的。
(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 對象而言是只讀的。
(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 對象而言是只讀的。對於其他對象而言是可讀寫的。
(5)marker-offset
基本語法
marker-offset : auto | length
語法取值
auto : 默認值。瀏覽器自動設置間距
length : 由浮點數字和單位標識符組成的長度值。可為負值。請參閱 長度單位
使用說明
設置或檢索標記容器和主容器之間水平補白。即兩個容器靠近的一邊的間距。作用於 display 屬性值為 marker 的元素。
-> 表格
(1)border-collapse
基本語法
border-collapse : separate | collapse
語法取值
separate : 默認值。邊框獨立(標準HTML)
collapse : 相鄰邊被合並
使用說明
設置或檢索表格的行和單元格的邊是合並在一起還是按照標準的HTML樣式分開。此屬性對於 currentStyle 對象而言是只讀的。對於其他對象而言是可讀寫的。
(2)border-spacing
基本語法
border-spacing : length
語法取值
length : 由浮點數字和單位標識符組成的長度值。不可為負值。
使用說明
設置或檢索當表格邊框獨立(例如當 border-collapse 屬性等於 separate 時),行和單元格的邊在橫向和縱向上的間距。當只指定一個
length 值時,這個值將作用於橫向和縱向上的間距。當指定了兩個 length 值時,第一個作用於橫向間距,第二個作用於縱向間距。
(3)caption-side
基本語法
caption-side : top | right | bottom | left
語法取值
top : 默認值。 caption 在表格的上邊
right : caption 在表格的右邊
bottom : caption 在表格的下邊
left : caption 在表格的左邊
使用說明
設置或檢索表格( table )的 caption 對象是在表格的那一邊。它是和 caption 對象一起使用的屬性。
(4)empty-cells
基本語法
empty-cells : show | hide
語法取值
show : 默認值。顯示邊框
hide : 隱藏邊框
使用說明
設置或檢索表格( table )的 caption 對象是在表格的那一邊。它是和 caption 對象一起使用的屬性。
CSS 筆記——列表表格