常用的CSS屬性列表匯總


 

 

  表格最右列的數字標識支持的CSS最低版本。

 

  01. CSS背景屬性(Background)

54b8c8220001c49405000181.jpg

    屬性與描述

  background:在一個聲明中設置所有的背景插件1

  background-attachment:設置背景圖像是否固定或者隨着頁面的其余部分滾動1

  background-color:設置元素的背景顏色1

  background-image:設置元素的背景圖像1

  background-position:設置背景圖像的開始位置1

  background-repeat:設置是否及如何重復背景圖像

     

  02. CSS邊框屬性(Border和Outline)

54b8c82b0001d42b05000499.jpg

  屬性與描述

  border:在一個聲明中設置所有的邊框屬性1

  border-bottom:在一個聲明中設置所有的下邊框屬性1

  border-bottom-color:設置下邊框的顏色2

  border-bottom-style:設置下邊框的樣式2

  border-bottom-width:設置下邊框的寬度1

  border-color:設置四條邊框的顏色1

  border-left:在一個聲明中設置所有的左邊框屬性1

  border-left-color:設置左邊框的顏色2

  border-left-style:設置左邊框的樣式2

  border-left-width:設置左邊框的寬度1

  border-right:在一個聲明中設置所有右邊框的屬性1

  border-right-color:設置右邊框的顏色2

  border-right-style:設置右邊框的樣式2

  border-right-width:設置右邊框的寬度1

  border-style:設置四條邊框的樣式1

  border-top:在一個聲明中設置所有上邊框的屬性1

  border-top-color:設置上邊框的顏色2

  border-top-style:設置上邊框的樣式2

  border-top-width:設置上邊框的寬度1

  border-width:設置四條邊框的寬度1

  outline:在一個聲明中設置所有的輪廓屬性2

  outline-color:設置輪廓的顏色2

  outline-style:設置輪廓的樣式2

  outline-width:設置輪廓的寬度

  

    03. CSS文本屬性(Text)

54b8c8360001daf405000277.jpg

  屬性與描述

  color:設置文本的顏色1

  direction:規定文本的方向/書寫方向2

  letter-spacing:設置字符間距1

  line-height:設置行高1

  text-align:規定文本的水平對齊方式1

  text-decoration:規定添加到文本的裝飾效果1

  text-indent:規定文本塊首行的縮進1

  text-shadow:規定添加到文本的陰影效果2

  text-transform:控制文本的大小寫1

  unicode-bidi:設置文本方向2

  white-space:規定如何處理元素中的空白1

  word-spacing:設置單詞間距1

    

    04. CSS字體屬性(Font)

54b8c83e0001fda905000201.jpg

  屬性與描述

  font:在一個聲明中設置所有字體屬性1

  font-family:規定文本的字體系列1

  font-size:規定文本的字體尺寸1

  font-size-adjust:為元素規定aspect值2

  font-stretch:收縮或拉伸當前的字體系列2

  font-style:規定文本的字體壓實1

  font-variant:規定文本的字體樣式1

  font-weight:規定字體的粗細

   

  05. CSS外邊距屬性(Margin)

54b8c86b0001be9105000165.jpg

  屬性與描述

  margin:在一個聲明中設置所有的外邊距屬性1

  margin-bottom:設置元素的下外邊距1

  margin-left:設置元素的左外邊距1

  margin-right:設置元素的右外邊距1

  margin-top:設置元素的上外邊距

 

    06. CSS內邊距屬性(Padding)

54b8c87400017e3605000147.jpg

  屬性與描述

  padding:在一個聲明中設置所有的內邊距屬性1

  padding-bottom:設置元素的下內邊距1

  padding-left:設置元素的左內邊距1

  padding-right:設置元素的右內邊距1

  padding-top:設置元素的上內邊距

 

  07. CSS列表屬性(List)

54b8c87c0001edf305000157.jpg

  屬性與描述

  list-style:在一個聲明中設置所有的列表屬性1

  list-style-image:將圖像設置為列表項標記1

  list-position:設置列表項標記的放置位置1

  list-style-type:設置列表項標記的類型

 

  08. CSS尺寸屬性(Dimension)

54b8c8840001b69905000180.jpg

  屬性與描述

  height:設置元素高度1

  max-height:設置元素的最大高度2

  max-width:設置元素的最大寬度2

  min-height:設置元素的最小高度2

  min-width:設置元素的最小寬度2

  width:設置元素的寬度1

 

  09. CSS定位屬性(Positioning)

54b8c88b0001565205000310.jpg

  屬性與描述

  bottom:設置定位元素下外邊距邊界與其包含塊下邊界之間的偏移2

  clear:規定元素的哪一側不允許其他浮動元素1

  clip:剪裁絕對定位元素2

  cursor:規定要顯示的光標類型(形狀)2

  display:規定元素應該生成的框的類型1

  float:規定框是否應該浮動1

  left:設置定位元素左外邊距邊界與其包含塊左邊界之間的偏移2

  overflow:規定當內容溢出元素框時發生的事情2

  position:規定元素定位類型2

  right:設置定位元素右外邊距邊界與其包含塊右邊之間的偏移2

  top:設置定位元素上外邊距邊界與其包含塊上邊之間的偏移2

  vertical-align:設置元素的垂直對其方式1

  visibility:規定元素是否可見2

  z-index:設置元素的堆疊順序

 

  10. CSS表格屬性(Table)

54b8c8930001eb1205000149.jpg

  屬性與描述

  border-collapse:規定是否合並表格邊框2

  border-spacing:規定相鄰單元格邊框之間的距離2

  caption-side:規定表格標題的位置2

  empty-cells:規定是否顯示表格中的空單元格上的邊框和背景2

  table-layout:設置用於表格的布局算法

 

 

 

 

 

文章源自:https://www.cnblogs.com/xujinzhong/p/8668542.html


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM