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

來源:互聯網
上載者:User
文章目錄
  • 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:輪廓線不會佔據空間,也不一定是矩形。

相關文章

Alibaba Cloud 10 Year Anniversary

With You, We are Shaping a Digital World, 2009-2019

Learn more >

Apsara Conference 2019

The Rise of Data Intelligence, September 25th - 27th, Hangzhou, China

Learn more >

Alibaba Cloud Free Trial

Learn and experience the power of Alibaba Cloud with a free trial worth $300-1200 USD

Learn more >

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。