CSS常用屬性

標籤：顯示   順序   單詞   元素   對齊   position   sid   z-index   wan   

01. CSS背景屬性(Background)

 

    屬性與描述

　　background：在一個聲明中設定所有的背景外掛程式1

　　background-attachment：設定背景映像是否固定或者隨著頁面的其餘部分滾動1

　　background-color：設定元素的背景顏色1

　　background-image：設定元素的背景映像1

　　background-position：設定背景映像的開始位置1

　　background-repeat：設定是否及如何重複背景映像

     

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

 

　　屬性與描述

　　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)

 

　　屬性與描述

　　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)

 

　　屬性與描述

　　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)

 

　　屬性與描述

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

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

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

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

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

 

06. CSS內邊距屬性(Padding)

 

　　屬性與描述

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

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

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

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

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

 

07. CSS列表屬性(List)

 

　　屬性與描述

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

　　list-style-image:將映像設定為清單項目標記1

　　list-position:設定清單項目標記的置放位置1

　　list-style-type:設定清單項目標記的類型

 

08. CSS尺寸屬性(Dimension)

 

　　屬性與描述

　　height:設定元素高度1

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

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

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

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

　　width:設定元素的寬度1

 

09. CSS定位屬性(Positioning)

 

　　屬性與描述

　　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)

 

　　屬性與描述

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

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

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

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

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

CSS常用屬性