CSS 教程Part3 [列表、表格、輪廓]（摘錄自 W3C School）

文章目錄

• CSS 列表
• CSS 表格
• CSS 輪廓

CSS 列表

CSS 列表屬性允許你放置、改變清單項目標誌，或者將映像作為清單項目標誌。

list-style：簡寫屬性在一個聲明中設定所有的列表屬性。

 

list-style-type：屬性設定清單項目標記的類型

 

list-style-image：屬性使用映像來其他清單項的標記

 

list-style-position：屬性設定在何處放置清單項目標記（列表與外層元素左邊界距離）

 

CSS 表格

CSS 表格屬性允許你設定表格的布局。

border-collapse：屬性設定表格的邊框是否被合并為一個單一的邊框，還是象在標準的 HTML 中那樣分開顯示。

 

border-spacing：屬性設定相鄰儲存格的邊框間的距離（僅用於“邊框分離”模式）。

 

caption-side：屬性設定表格標題的位置

 

empty-cells：屬性設定是否顯示表格中的空儲存格（僅用於“分離邊框”模式）

 

tableLayout：屬性用來顯示表格儲存格、行、列的演算法規則

 

CSS 輪廓

輪廓（outline）是繪製於元素周圍的一條線，位於邊框邊緣的外圍，可起到突出元素的作用。CSS outline 屬性規定元素輪廓的樣式、顏色和寬度。

outline：簡寫屬性在一個聲明中設定所有的輪廓屬性

 

outline-color：屬性設定一個元素整個輪廓中可見部分的顏色

 

outline-style：屬性用於設定元素的整個輪廓的樣式

 

outline-width：屬性設定元素整個輪廓的寬度

 

注釋1：元素只有獲得輪廓以後才能改變其輪廓的各種屬性。

注釋2：輪廓線不會佔據空間，也不一定是矩形。