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 筆記——列表表格