CSS 屬性組:
- 背景
- 文本
- 字體
- 邊框和輪廓
- 外邊距
- 內(nèi)邊距
- 列表
- 內(nèi)容生成
- 尺寸
- 定位
- 打印
- 表格
- 偽類
- 偽元素
提示和注釋:
屬性:“屬性” 列指向語法、實(shí)例、瀏覽器支持等內(nèi)容。
CSS:"CSS" 列指示屬性是在哪個 CSS 版本中定義的(CSS1 還是 CSS2)。
提示:W3School 的 CSS 參考手冊定期在所有主流瀏覽器中進(jìn)行測試。最后測試時間:2009 年 10 月 8 日。
CSS 背景屬性(Background)
屬性 | 描述 | CSS |
---|
background | 在一個聲明中設(shè)置所有的背景屬性。 | 1 |
background-attachment | 設(shè)置背景圖像是否固定或者隨著頁面的其余部分滾動。 | 1 |
background-color | 設(shè)置元素的背景顏色。 | 1 |
background-image | 設(shè)置元素的背景圖像。 | 1 |
background-position | 設(shè)置背景圖像的開始位置。 | 1 |
background-repeat | 設(shè)置是否及如何重復(fù)背景圖像。 | 1 |
CSS 邊框?qū)傩裕˙order 和 Outline)
屬性 | 描述 | CSS |
---|
border | 在一個聲明中設(shè)置所有的邊框?qū)傩浴?/td> | 1 |
border-bottom | 在一個聲明中設(shè)置所有的下邊框?qū)傩浴?/td> | 1 |
border-bottom-color | 設(shè)置下邊框的顏色。 | 2 |
border-bottom-style | 設(shè)置下邊框的樣式。 | 2 |
border-bottom-width | 設(shè)置下邊框的寬度。 | 1 |
border-color | 設(shè)置四條邊框的顏色。 | 1 |
border-left | 在一個聲明中設(shè)置所有的左邊框?qū)傩浴?/td> | 1 |
border-left-color | 設(shè)置左邊框的顏色。 | 2 |
border-left-style | 設(shè)置左邊框的樣式。 | 2 |
border-left-width | 設(shè)置左邊框的寬度。 | 1 |
border-right | 在一個聲明中設(shè)置所有的右邊框?qū)傩浴?/td> | 1 |
border-right-color | 設(shè)置右邊框的顏色。 | 2 |
border-right-style | 設(shè)置右邊框的樣式。 | 2 |
border-right-width | 設(shè)置右邊框的寬度。 | 1 |
border-style | 設(shè)置四條邊框的樣式。 | 1 |
border-top | 在一個聲明中設(shè)置所有的上邊框?qū)傩浴?/td> | 1 |
border-top-color | 設(shè)置上邊框的顏色。 | 2 |
border-top-style | 設(shè)置上邊框的樣式。 | 2 |
border-top-width | 設(shè)置上邊框的寬度。 | 1 |
border-width | 設(shè)置四條邊框的寬度。 | 1 |
outline | 在一個聲明中設(shè)置所有的輪廓屬性。 | 2 |
outline-color | 設(shè)置輪廓的顏色。 | 2 |
outline-style | 設(shè)置輪廓的樣式。 | 2 |
outline-width | 設(shè)置輪廓的寬度。 | 2 |
CSS 文本屬性(Text)
屬性 | 描述 | CSS |
---|
color | 設(shè)置文本的顏色。 | 1 |
direction | 規(guī)定文本的方向 / 書寫方向。 | 2 |
letter-spacing | 設(shè)置字符間距。 | 1 |
line-height | 設(shè)置行高。 | 1 |
text-align | 規(guī)定文本的水平對齊方式。 | 1 |
text-decoration | 規(guī)定添加到文本的裝飾效果。 | 1 |
text-indent | 規(guī)定文本塊首行的縮進(jìn)。 | 1 |
text-shadow | 規(guī)定添加到文本的陰影效果。 | 2 |
text-transform | 控制文本的大小寫。 | 1 |
unicode-bidi | 設(shè)置文本方向。 | 2 |
white-space | 規(guī)定如何處理元素中的空白。 | 1 |
word-spacing | 設(shè)置單詞間距。 | 1 |
CSS 字體屬性(Font)
屬性 | 描述 | CSS |
---|
font | 在一個聲明中設(shè)置所有字體屬性。 | 1 |
font-family | 規(guī)定文本的字體系列。 | 1 |
font-size | 規(guī)定文本的字體尺寸。 | 1 |
font-size-adjust | 為元素規(guī)定 aspect 值。 | 2 |
font-stretch | 收縮或拉伸當(dāng)前的字體系列。 | 2 |
font-style | 規(guī)定文本的字體樣式。 | 1 |
font-variant | 規(guī)定文本的字體樣式。 | 1 |
font-weight | 規(guī)定字體的粗細(xì)。 | 1 |
CSS 外邊距屬性(Margin)
屬性 | 描述 | CSS |
---|
margin | 在一個聲明中設(shè)置所有外邊距屬性。 | 1 |
margin-bottom | 設(shè)置元素的下外邊距。 | 1 |
margin-left | 設(shè)置元素的左外邊距。 | 1 |
margin-right | 設(shè)置元素的右外邊距。 | 1 |
margin-top | 設(shè)置元素的上外邊距。 | 1 |
CSS 內(nèi)邊距屬性(Padding)
屬性 | 描述 | CSS |
---|
padding | 在一個聲明中設(shè)置所有內(nèi)邊距屬性。 | 1 |
padding-bottom | 設(shè)置元素的下內(nèi)邊距。 | 1 |
padding-left | 設(shè)置元素的左內(nèi)邊距。 | 1 |
padding-right | 設(shè)置元素的右內(nèi)邊距。 | 1 |
padding-top | 設(shè)置元素的上內(nèi)邊距。 | 1 |
CSS 列表屬性(List)
屬性 | 描述 | CSS |
---|
list-style | 在一個聲明中設(shè)置所有的列表屬性。 | 1 |
list-style-image | 將圖象設(shè)置為列表項(xiàng)標(biāo)記。 | 1 |
list-style-position | 設(shè)置列表項(xiàng)標(biāo)記的放置位置。 | 1 |
list-style-type | 設(shè)置列表項(xiàng)標(biāo)記的類型。 | 1 |
marker-offset | | 2 |
內(nèi)容生成(Generated Content)
屬性 | 描述 | CSS |
---|
content | 與 :before 以及 :after 偽元素配合使用,來插入生成內(nèi)容。 | 2 |
counter-increment | 遞增或遞減一個或多個計(jì)數(shù)器。 | 2 |
counter-reset | 創(chuàng)建或重置一個或多個計(jì)數(shù)器。 | 2 |
quotes | 設(shè)置嵌套引用的引號類型。 | 2 |
CSS 尺寸屬性(Dimension)
屬性 | 描述 | CSS |
---|
height | 設(shè)置元素高度。 | 1 |
max-height | 設(shè)置元素的最大高度。 | 2 |
max-width | 設(shè)置元素的最大寬度。 | 2 |
min-height | 設(shè)置元素的最小高度。 | 2 |
min-width | 設(shè)置元素的最小寬度。 | 2 |
width | 設(shè)置元素的寬度。 | 1 |
CSS 定位屬性(Positioning)
屬性 | 描述 | CSS |
---|
bottom | 設(shè)置定位元素下外邊距邊界與其包含塊下邊界之間的偏移。 | 2 |
clear | 規(guī)定元素的哪一側(cè)不允許其他浮動元素。 | 1 |
clip | 剪裁絕對定位元素。 | 2 |
cursor | 規(guī)定要顯示的光標(biāo)的類型(形狀)。 | 2 |
display | 規(guī)定元素應(yīng)該生成的框的類型。 | 1 |
float | 規(guī)定框是否應(yīng)該浮動。 | 1 |
left | 設(shè)置定位元素左外邊距邊界與其包含塊左邊界之間的偏移。 | 2 |
overflow | 規(guī)定當(dāng)內(nèi)容溢出元素框時發(fā)生的事情。 | 2 |
position | 規(guī)定元素的定位類型。 | 2 |
right | 設(shè)置定位元素右外邊距邊界與其包含塊右邊界之間的偏移。 | 2 |
top | 設(shè)置定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。 | 2 |
vertical-align | 設(shè)置元素的垂直對齊方式。 | 1 |
visibility | 規(guī)定元素是否可見。 | 2 |
z-index | 設(shè)置元素的堆疊順序。 | 2 |
CSS 打印屬性(Print)
屬性 | 描述 | CSS |
---|
orphans | 設(shè)置當(dāng)元素內(nèi)部發(fā)生分頁時必須在頁面底部保留的最少行數(shù)。 | 2 |
page-break-after | 設(shè)置元素后的分頁行為。 | 2 |
page-break-before | 設(shè)置元素前的分頁行為。 | 2 |
page-break-inside | 設(shè)置元素內(nèi)部的分頁行為。 | 2 |
widows | 設(shè)置當(dāng)元素內(nèi)部發(fā)生分頁時必須在頁面頂部保留的最少行數(shù)。 | 2 |
CSS 表格屬性(Table)
屬性 | 描述 | CSS |
---|
border-collapse | 規(guī)定是否合并表格邊框。 | 2 |
border-spacing | 規(guī)定相鄰單元格邊框之間的距離。 | 2 |
caption-side | 規(guī)定表格標(biāo)題的位置。 | 2 |
empty-cells | 規(guī)定是否顯示表格中的空單元格上的邊框和背景。 | 2 |
table-layout | 設(shè)置用于表格的布局算法。 | 2 |
CSS 偽類(Pseudo-classes)
屬性 | 描述 | CSS |
---|
:active | 向被激活的元素添加樣式。 | 1 |
:focus | 向擁有鍵盤輸入焦點(diǎn)的元素添加樣式。 | 2 |
:hover | 當(dāng)鼠標(biāo)懸浮在元素上方時,向元素添加樣式。 | 1 |
:link | 向未被訪問的鏈接添加樣式。 | 1 |
:visited | 向已被訪問的鏈接添加樣式。 | 1 |
:first-child | 向元素的第一個子元素添加樣式。 | 2 |
:lang | 向帶有指定 lang 屬性的元素添加樣式。 | 2 |
CSS 偽元素(Pseudo elements)
屬性 | 描述 | CSS |
---|
:first-letter | 向文本的第一個字母添加特殊樣式。 | 1 |
:first-line | 向文本的首行添加特殊樣式。 | 1 |
:before | 在元素之前添加內(nèi)容。 | 2 |
:after | 在元素之后添加內(nèi)容。 | 2 |