CSS 參考手冊

CSS @規(guī)則(RULES)

CSS 屬性大全

CSS 屬性大全手冊（按功能）

CSS屬性按字母順序查找，本部分包含屬于最新CSS3規(guī)范的標準屬性的完整列表。所有屬性都分為動畫屬性、背景屬性、邊框?qū)傩浴㈩伾珜傩?、高度寬度尺寸大小、Flex彈性盒子、字體屬性、列表項屬性、邊距屬性、輪廓屬性、文字字體屬性、視覺屬性等等。

動畫屬性(Animation)

屬性	描述
`animation`	指定基于關鍵幀的動畫。
`animation-delay`	指定動畫何時開始。
`animation-direction`	指定動畫是否應在交替的循環(huán)中反向播放。
`animation-duration`	指定動畫完成一個周期應花費的秒數(shù)或毫秒數(shù)。
`animation-fill-mode`	指定CSS動畫在執(zhí)行之前和之后應如何將樣式應用于其目標。
`animation-iteration-count`	指定在停止之前動畫循環(huán)應播放的次數(shù)。
`animation-name`	指定`@keyframes`應應用于所選元素的已定義動畫的名稱。
`animation-play-state`	指定動畫是運行還是暫停。
`animation-timing-function`	指定CSS動畫在每個周期內(nèi)應如何進行。

背景屬性(Background)

屬性	描述
`background`	在一個聲明中定義各種背景屬性。
`background-attachment`	指定背景圖像是在視口中固定還是滾動。
`background-clip`	指定背景的繪制區(qū)域。
`background-color`	定義元素的背景色。
`background-image`	定義元素的背景圖像。
`background-origin`	指定背景圖像的定位區(qū)域。
`background-position`	定義背景圖像的原點。
`background-repeat`	指定是否/如何平鋪背景圖像。
`background-size`	指定背景圖像的大小。

邊框?qū)傩?Border)

屬性	描述
`border`	設置元素邊框所有四個側(cè)面的寬度，樣式和顏色。
`border-bottom`	設置元素底部邊框的寬度，樣式和顏色。
`border-bottom-color`	設置元素底部邊框的顏色。
`border-bottom-left-radius`	定義元素的左下邊界角的形狀。
`border-bottom-right-radius`	定義元素右下邊界的形狀。
`border-bottom-style`	設置元素底部邊框的樣式。
`border-bottom-width`	設置元素底部邊框的寬度。
`border-color`	設置元素所有四個側(cè)面的邊框顏色。
`border-image`	指定如何使用圖像代替邊框樣式。
`border-image-outset`	指定邊框圖像區(qū)域超出邊框超出范圍的數(shù)量。
`border-image-repeat`	指定圖像邊框應重復，四舍五入還是拉伸。
`border-image-slice`	指定圖像邊框的向內(nèi)偏移。
`border-image-source`	指定要用作邊框的圖像的位置。
`border-image-width`	指定圖像邊框的寬度。
`border-left`	設置元素左邊框的寬度，樣式和顏色。
`border-left-color`	設置元素的左邊框的顏色。
`border-left-style`	設置元素左邊框的樣式。
`border-left-width`	設置元素左邊框的寬度。
`border-radius`	定義元素邊界角的形狀。
`border-right`	設置元素右邊框的寬度，樣式和顏色。
`border-right-color`	設置元素右邊框的顏色。
`border-right-style`	設置元素右邊框的樣式。
`border-right-width`	設置元素右邊框的寬度。
`border-style`	在元素的所有四個面上設置邊框的樣式。
`border-top`	設置元素頂部邊框的寬度，樣式和顏色。
`border-top-color`	設置元素頂部邊框的顏色。
`border-top-left-radius`	定義元素左上角的形狀。
`border-top-right-radius`	定義元素的右上邊界角的形狀。
`border-top-style`	設置元素頂部邊框的樣式。
`border-top-width`	設置元素頂部邊框的寬度。
`border-width`	設置元素所有四個側(cè)面的邊框?qū)挾取?/td>

顏色屬性(Color)

屬性	描述
`color`	指定元素文本的顏色。
`opacity`	指定元素的透明度。

尺寸屬性(Size)

屬性	描述
`height`	指定元素的高度。
`max-height`	指定元素的最大高度。
`max-width`	指定元素的最大寬度。
`min-height`	指定元素的最小高度。
`min-width`	指定元素的最小寬度。
`width`	指定元素的寬度。

內(nèi)容屬性(Content)

屬性	描述
`content`	插入生成的內(nèi)容。
`quotes`	指定嵌入引號的引號。
`counter-reset`	創(chuàng)建或重置一個或多個計數(shù)器。
`counter-increment`	遞增一個或多個計數(shù)器值。

彈性Flex盒子布局(Flex)

屬性	描述
`align-content`	指定伸縮容器中伸縮容器的項目的對齊方式。
`align-items`	為flex容器中的項目指定默認對齊方式。
`align-self`	指定彈性容器中選定項目的對齊方式。
`flex`	指定彈性長度的分量。
`flex-basis`	指定彈性項目的初始主要尺寸。
`flex-direction`	指定彈性項目的方向。
`flex-flow`	`flex-direction`和`flex-wrap`屬性的簡寫屬性。
`flex-grow`	指定彈性項目相對于彈性容器內(nèi)其他項目的增長方式。
`flex-shrink`	指定flex項目相對于flex容器內(nèi)其他項目的收縮方式。
`flex-wrap`	指定是否應包裝柔性物品。
`justify-content`	指定在解決了任何彈性長度和自動頁邊距之后，彈性項目如何沿彈性容器的主軸對齊。
`order`	指定彈性項目在彈性容器中的顯示和布局順序。

字體屬性(Fonts)

屬性	描述
`font`	在一個聲明中定義各種字體屬性。
`font-family`	定義元素的字體列表。
`font-size`	定義文本的字體大小。
`font-size-adjust`	發(fā)生字體回退時，保留文本的可讀性。
`font-stretch`	從字體中選擇一個普通的，壓縮的或擴展的字體。
`font-style`	定義文本的字體樣式。
`font-variant`	指定字體變體。
`font-weight`	指定文本的字體粗細。

列表項屬性(Lists)

屬性	描述
`list-style`	定義列表和列表元素的顯示樣式。
`list-style-image`	指定用作列表項標記的圖像。
`list-style-position`	指定列表項標記的位置。
`list-style-type`	指定列表項的標記樣式。

邊距屬性(Margin)

屬性	描述
`margin`	在元素的所有四個面上設置邊距。
`margin-bottom`	設置元素的底邊距。
`margin-left`	設置元素的左邊距。
`margin-right`	設置元素的右邊距。
`margin-top`	設置元素的上邊距。

多列布局屬性(Column)

屬性	描述
`column-count`	指定多列元素中的列數(shù)。
`column-fill`	指定如何填充列。
`column-gap`	指定多列元素中各列之間的間隔。
`column-rule`	指定在多列元素的每一列之間繪制的直線或“規(guī)則”。
`column-rule-color`	指定在多列布局中的列之間繪制的規(guī)則的顏色。
`column-rule-style`	指定在多列布局中的列之間繪制的規(guī)則的樣式。
`column-rule-width`	指定在多列布局中的列之間繪制的規(guī)則的寬度。
`column-span`	指定元素在多列布局中跨越多少列。
`column-width`	指定多列元素中列的最佳寬度。
`columns`	用于設置`column-width`和`column-count`屬性的簡寫屬性。

輪廓屬性(Outline)

屬性	描述
`outline`	設置元素輪廓的所有四個邊的寬度，樣式和顏色。
`outline-color`	設置輪廓的顏色。
`outline-offset`	設置輪廓和元素邊框之間的空間。
`outline-style`	設置輪廓樣式。
`outline-width`	設置輪廓的寬度。

填充屬性(Padding)

屬性	描述
`padding`	在元素的所有四個面上設置填充。
`padding-bottom`	將填充設置為元素的底側(cè)。
`padding-left`	將填充設置為元素的左側(cè)。
`padding-right`	將填充設置為元素的右側(cè)。
`padding-top`	將填充設置為元素的頂部。

打印屬性(Print)

屬性	描述
`page-break-after`	在元素之后插入分頁符。
`page-break-before`	在元素之前插入分頁符。
`page-break-inside`	在元素內(nèi)插入分頁符。

表屬性(Table)

屬性	描述
`border-collapse`	指定是連接還是分隔表格單元格邊界。
`border-spacing`	設置相鄰表格單元格的邊界之間的間距。
`caption-side`	指定表格標題的位置。
`empty-cells`	顯示或隱藏空表單元格的邊框和背景。
`table-layout`	指定表布局算法。

文字屬性(Text)

屬性	描述
`direction`	定義文本方向/書寫方向。
`tab-size`	指定制表符的長度。
`text-align`	設置內(nèi)聯(lián)內(nèi)容的水平對齊方式。
`text-align-last`	指定當`text-align`is 時如何對齊塊的最后一行或強制換行符之前的行`justify`。
`text-decoration`	指定添加到文本的裝飾。
`text-decoration-color`	指定的顏色`text-decoration-line`。
`text-decoration-line`	指定將哪種線條裝飾添加到元素。
`text-decoration-style`	指定`text-decoration-line`屬性指定的線條樣式
`text-indent`	縮進文本的第一行。
`text-justify`	指定當`text-align`屬性設置為時要使用的對正方法`justify`。
`text-overflow`	指定當文本內(nèi)容溢出塊容器時將如何顯示。
`text-shadow`	將一個或多個陰影應用于元素的文本內(nèi)容。
`text-transform`	轉(zhuǎn)換文本的大小寫。
`line-height`	設置文本行之間的高度。
`vertical-align`	設置元素相對于當前文本基線的垂直位置。
`letter-spacing`	設置字母之間的額外間距。
`word-spacing`	設置單詞之間的間距。
`white-space`	指定如何處理元素內(nèi)的空白。
`word-break`	指定如何在單詞內(nèi)換行。
`word-wrap`	指定在內(nèi)容超出其容器邊界時是否中斷單詞。

轉(zhuǎn)換屬性(Transform)

屬性	描述
`backface-visibility`	指定當面對用戶時，轉(zhuǎn)換后的元素的“背面”是否可見。
`perspective`	定義從中查看對象的所有子元素的透視圖。
`perspective-origin`	定義透視圖屬性的原點（3D空間的消失點）。
`transform`	將2D或3D變換應用于元素。
`transform-origin`	定義元素的變換原點。
`transform-style`	指定如何在3D空間中渲染嵌套元素。

過渡屬性(Transition)

屬性	描述
`transition`	定義元素的兩種狀態(tài)之間的過渡。
`transition-delay`	指定過渡效果何時開始。
`transition-duration`	指定過渡效果要花費的秒數(shù)或毫秒數(shù)。
`transition-property`	指定應將過渡效果應用到的CSS屬性的名稱。
`transition-timing-function`	指定過渡效果的速度曲線。

視覺格式屬性

屬性	描述
`display`	指定元素在屏幕上的顯示方式。
`position`	指定如何定位元素。
`top`	指定所定位元素的上邊緣的位置。
`right`	指定所定位元素的右邊緣的位置。
`bottom`	指定所定位元素底邊的位置。
`left`	指定定位元素左邊緣的位置。
`float`	指定一個框是否應該浮動。
`clear`	指定相對于浮動元素的元素位置。
`z-index`	指定定位元素的分層或堆疊順序。
`overflow`	指定對溢出元素框的內(nèi)容的處理。
`overflow-x`	指定當內(nèi)容超出元素內(nèi)容區(qū)域的寬度時如何管理內(nèi)容。
`overflow-y`	指定當內(nèi)容超出元素內(nèi)容區(qū)域的高度時如何管理內(nèi)容。
`resize`	指定元素是否可由用戶調(diào)整大小。
`clip`	定義裁剪區(qū)域。
`visibility`	指定一個元素是否可見。
`cursor`	指定游標的類型。
`box-shadow`	將一個或多個陰影應用于元素的框。
`box-sizing`	更改默認的CSS框模型。

?CSS @規(guī)則(At-rules)CSS z-index 屬性