CSS 屬性組:
- 背景
- 文本
- 字體
- 邊框和輪廓
- 外邊距
- 內邊距
- 列表
- 內容生成
- 尺寸
- 定位
- 打印
- 表格
- 偽類
- 偽元素
提示和注釋:
屬性:“屬性” 列指向語法、實例、瀏覽器支持等內容。
CSS:"CSS" 列指示屬性是在哪個 CSS 版本中定義的(CSS1 還是 CSS2)。
提示:W3School 的 CSS 參考手冊定期在所有主流瀏覽器中進行測試。最后測試時間:2009 年 10 月 8 日。
CSS 背景屬性(Background)
屬性 | 描述 | CSS |
---|
background | 在一個聲明中設置所有的背景屬性。 | 1 |
background-attachment | 設置背景圖像是否固定或者隨著頁面的其余部分滾動。 | 1 |
background-color | 設置元素的背景顏色。 | 1 |
background-image | 設置元素的背景圖像。 | 1 |
background-position | 設置背景圖像的開始位置。 | 1 |
background-repeat | 設置是否及如何重復背景圖像。 | 1 |
CSS 邊框屬性(Border 和 Outline)
屬性 | 描述 | CSS |
---|
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 | 設置輪廓的寬度。 | 2 |
CSS 文本屬性(Text)
屬性 | 描述 | CSS |
---|
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 |
CSS 字體屬性(Font)
屬性 | 描述 | CSS |
---|
font | 在一個聲明中設置所有字體屬性。 | 1 |
font-family | 規定文本的字體系列。 | 1 |
font-size | 規定文本的字體尺寸。 | 1 |
font-size-adjust | 為元素規定 aspect 值。 | 2 |
font-stretch | 收縮或拉伸當前的字體系列。 | 2 |
font-style | 規定文本的字體樣式。 | 1 |
font-variant | 規定文本的字體樣式。 | 1 |
font-weight | 規定字體的粗細。 | 1 |
CSS 外邊距屬性(Margin)
屬性 | 描述 | CSS |
---|
margin | 在一個聲明中設置所有外邊距屬性。 | 1 |
margin-bottom | 設置元素的下外邊距。 | 1 |
margin-left | 設置元素的左外邊距。 | 1 |
margin-right | 設置元素的右外邊距。 | 1 |
margin-top | 設置元素的上外邊距。 | 1 |
CSS 內邊距屬性(Padding)
屬性 | 描述 | CSS |
---|
padding | 在一個聲明中設置所有內邊距屬性。 | 1 |
padding-bottom | 設置元素的下內邊距。 | 1 |
padding-left | 設置元素的左內邊距。 | 1 |
padding-right | 設置元素的右內邊距。 | 1 |
padding-top | 設置元素的上內邊距。 | 1 |
CSS 列表屬性(List)
屬性 | 描述 | CSS |
---|
list-style | 在一個聲明中設置所有的列表屬性。 | 1 |
list-style-image | 將圖象設置為列表項標記。 | 1 |
list-style-position | 設置列表項標記的放置位置。 | 1 |
list-style-type | 設置列表項標記的類型。 | 1 |
marker-offset | | 2 |
內容生成(Generated Content)
屬性 | 描述 | CSS |
---|
content | 與 :before 以及 :after 偽元素配合使用,來插入生成內容。 | 2 |
counter-increment | 遞增或遞減一個或多個計數器。 | 2 |
counter-reset | 創建或重置一個或多個計數器。 | 2 |
quotes | 設置嵌套引用的引號類型。 | 2 |
CSS 尺寸屬性(Dimension)
屬性 | 描述 | CSS |
---|
height | 設置元素高度。 | 1 |
max-height | 設置元素的最大高度。 | 2 |
max-width | 設置元素的最大寬度。 | 2 |
min-height | 設置元素的最小高度。 | 2 |
min-width | 設置元素的最小寬度。 | 2 |
width | 設置元素的寬度。 | 1 |
CSS 定位屬性(Positioning)
屬性 | 描述 | CSS |
---|
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 | 設置元素的堆疊順序。 | 2 |
CSS 打印屬性(Print)
屬性 | 描述 | CSS |
---|
orphans | 設置當元素內部發生分頁時必須在頁面底部保留的最少行數。 | 2 |
page-break-after | 設置元素后的分頁行為。 | 2 |
page-break-before | 設置元素前的分頁行為。 | 2 |
page-break-inside | 設置元素內部的分頁行為。 | 2 |
widows | 設置當元素內部發生分頁時必須在頁面頂部保留的最少行數。 | 2 |
CSS 表格屬性(Table)
屬性 | 描述 | CSS |
---|
border-collapse | 規定是否合并表格邊框。 | 2 |
border-spacing | 規定相鄰單元格邊框之間的距離。 | 2 |
caption-side | 規定表格標題的位置。 | 2 |
empty-cells | 規定是否顯示表格中的空單元格上的邊框和背景。 | 2 |
table-layout | 設置用于表格的布局算法。 | 2 |
CSS 偽類(Pseudo-classes)
屬性 | 描述 | CSS |
---|
:active | 向被激活的元素添加樣式。 | 1 |
:focus | 向擁有鍵盤輸入焦點的元素添加樣式。 | 2 |
:hover | 當鼠標懸浮在元素上方時,向元素添加樣式。 | 1 |
:link | 向未被訪問的鏈接添加樣式。 | 1 |
:visited | 向已被訪問的鏈接添加樣式。 | 1 |
:first-child | 向元素的第一個子元素添加樣式。 | 2 |
:lang | 向帶有指定 lang 屬性的元素添加樣式。 | 2 |
CSS 偽元素(Pseudo elements)
屬性 | 描述 | CSS |
---|
:first-letter | 向文本的第一個字母添加特殊樣式。 | 1 |
:first-line | 向文本的首行添加特殊樣式。 | 1 |
:before | 在元素之前添加內容。 | 2 |
:after | 在元素之后添加內容。 | 2 |