css屬性大全中文對照表

A
align-content 規定彈性容器內的行之間的對齊方式，當項目不使用所有可用空間時。
align-items 規定彈性容器內項目的對齊方式。
align-self 規定彈性容器內所選項目的對齊方式。
all 重置所有屬性（除了 unicode-bidi 和 direction）。
animation 所有 animation-* 屬性的簡寫屬性。
animation-delay 規定開始動畫的延遲。
animation-direction 規定動畫是向前播放、向后播放還是交替播放。
animation-duration 規定動畫完成一個周期應花費的時間。
animation-fill-mode 規定元素在不播放動畫時（在開始之前、結束之后、或同時）的樣式。
animation-iteration-count 規定動畫的播放次數。
animation-name 規定 @keyframes 動畫的名稱。
animation-play-state 規定動畫是播放還是暫停。
animation-timing-function 規定動畫的速度曲線。
B
backface-visibility 定義當面對用戶時元素的背面是否應可見。
background 所有 background-* 屬性的簡寫屬性。
background-attachment 設置背景圖像是與頁面的其余部分一起滾動還是固定的。
background-blend-mode 規定每個背景圖層（顏色/圖像）的混合模式。
background-clip 定義背景（顏色或圖像）應在元素內延伸的距離。
background-color 規定元素的背景色。
background-image 規定元素的一幅或多幅背景圖像。
background-origin 規定背景圖像的初始位置。
background-position 規定背景圖像的位置。
background-repeat 設置是否以及如何重復背景圖像。
background-size 規定背景圖像的尺寸。
border border-width、border-style 以及 border-color 的簡寫屬性。
border-bottom border-bottom-width、border-bottom-style 以及 border-bottom-color 的簡寫屬性。
border-bottom-color 設置下邊框的顏色。
border-bottom-left-radius 定義左下角的邊框圓角。
border-bottom-right-radius 定義右下角的邊框圓角。
border-bottom-style 設置下邊框的樣式。
border-bottom-width 設置下邊框的寬度。
border-collapse 設置表格邊框是折疊為單一邊框還是分開的。
border-color 設置四條邊框的顏色。
border-image border-image-* 屬性的簡寫屬性。
border-image-outset 規定邊框圖像區域超出邊框的量。
border-image-repeat 規定邊框圖像應重復、圓角、還是拉伸。
border-image-slice 規定如何裁切邊框圖像。
border-image-source 規定用作邊框的圖像的路徑。
border-image-width 規定邊框圖像的寬度。
border-left 所有 border-left-* 屬性的簡寫屬性。
border-left-color 設置左邊框的顏色。
border-left-style 設置左邊框的樣式。
border-left-width 設置左邊框的寬度。
border-radius 四個 border-*-radius 屬性的簡寫屬性。
border-right 所有 border-right-* 屬性的簡寫屬性。
border-right-color 設置右邊框的顏色。
border-right-style 設置右邊框的樣式。
border-right-width 設置右邊框的寬度。
border-spacing 設置相鄰單元格邊框之間的距離。
border-style 設置四條邊框的樣式。
border-top border-top-width、border-top-style 以及 border-top-color 的簡寫屬性。
border-top-color 設置上邊框的顏色。
border-top-left-radius 定義左上角的邊框圓角。
border-top-right-radius 定義右上角的邊框圓角。
border-top-style 設置上邊框的樣式。
border-top-width 設置上邊框的寬度。
border-width 設置四條邊框的寬度。
bottom 設置元素相對於其父元素底部的位置。
box-decoration-break 設置元素在分頁符處的背景和邊框的行為，或對於行內元素在換行符處的行為。
box-shadow 將一個或多個陰影附加到元素。
box-sizing 定義元素的寬度和高度的計算方式：它們是否應包含內邊距和邊框。
break-after 規定指定元素之后是否應出現 page-、column- 或 region-break。
break-before 規定指定元素之前是否應出現 page-、column- 或 region-break。
break-inside 規定指定元素內部是否應出現 page-、column- 或 region-break。
C
caption-side 規定表格標題的放置方式。
caret-color 規定光標在 input、textarea 或任何可編輯元素中的顏色。
@charset 規定樣式表中使用的字符編碼。
clear 規定不允許在元素的哪一側浮動元素
clip 剪裁絕對定位的元素。
clip-path 將元素裁剪為基本形狀或 SVG 源。
color 設置文本的顏色。
column-count 規定元素應分為的列數。
column-fill 指定如何填充列（是否 balanced）。
column-gap 規定列間隙。
column-rule 所有 column-rule-* 屬性的簡寫屬性。
column-rule-color 規定列之間規則的顏色。
column-rule-style 規定列之間的規則樣式。
column-rule-width 規定列之間的規則寬度。
column-span 規定元素應該跨越多少列。
column-width 規定列寬度。
columns column-width 和 column-count 的簡寫屬性。
content 與 :before 和 :after 偽元素一起使用，來插入生成的內容。
counter-increment 增加或減少一個或多個 CSS 計數器的值。
counter-reset 創建或重置一個或多個 CSS 計數器。
cursor 規定當指向元素時要顯示的鼠標光標。
D
direction 規定文本方向/書寫方向。
display 規定如何顯示某個 HTML 元素。
E
empty-cells 規定是否在表格中的空白單元格上顯示邊框和背景。
F
filter 定義元素顯示之前的效果（例如，模糊或顏色偏移）。
flex flex-grow、flex-shrink 以及 flex-basis 的簡寫屬性。
flex-basis 規定彈性項目的初始長度。
flex-direction 規定彈性項目的方向。
flex-flow flex-direction 和 flex-wrap 的簡寫屬性。
flex-grow 規定項目相對於其余項目的增量。
flex-shrink 規定項目相對於其余項目的減量。
flex-wrap 規定彈性項目是否應該換行。
float 規定是否應該對盒（box）進行浮動。
font font-style、font-variant、font-weight、font-size/line-height 以及 font-family 的簡寫屬性。
@font-face 允許網站下載和使用 "web-safe" 字體以外的其他字體的規則。
font-family 規定文本的字體族（字體系列）。
font-feature-settings 允許控制 OpenType 字體中的高級印刷特性。
@font-feature-values 允許創作者使用 font-variant-alternate 中的通用名來實現在 OpenType 中以不同方式激活的特性。
font-kerning 控制字距調整信息的使用（字母間距）。
font-language-override 控制特定語言的字形在字體的使用。
font-size 規定文本的字體大小。
font-size-adjust 保持發生字體回退時的可讀性。
font-stretch 從字體系列中選擇一個普通的、壓縮的或擴展的字體。
font-style 規定文本的字體樣式。
font-synthesis 控制哪些缺失的字體（粗體或斜體）可以由瀏覽器合成。
font-variant 規定是否應該以小型大寫字體顯示文本。
font-variant-alternates 控制與 @font-feature-values 中定義的備用名稱關聯的備用字形的使用。
font-variant-caps 控制大寫字母的備用字形的使用。
font-variant-east-asian 控制東亞文字（例如中文和日語）的備用字形的使用。
font-variant-ligatures 控制在適用於元素的文本內容中使用哪些連字和上下文形式。
font-variant-numeric 控制數字、分數和序號標記的備用字形的使用。
font-variant-position 控制較小字體的替代字形的使用，這些字形相對於字體基線定位為上標或下標。
font-weight 規定字體的粗細。
G
grid grid-template-rows、grid-template-columns、grid-template-areas、grid-auto-rows、grid-auto-columns 以及 grid-auto-flow 屬性的簡寫屬性。
grid-area 即可規定網格項的名稱，也可以是 grid-row-start、grid-column-start、grid-row-end 以及 grid-column-end 屬性的簡寫屬性。
grid-auto-columns 規定默認的列尺寸。
grid-auto-flow 規定如何在網格中插入自動放置的項目。
grid-auto-rows 規定默認的行尺寸。
grid-column grid-column-start 和 grid-column-end 屬性的簡寫屬性。
grid-column-end 規定如何結束網格項目。
grid-column-gap 規定列間隙的尺寸。
grid-column-start 規定網格項目從何處開始。
grid-gap grid-row-gap 和 grid-column-gap 的簡寫屬性。
grid-row grid-row-start 和 grid-row-end 屬性的簡寫屬性。
grid-row-end 規定網格項目在何處結束。
grid-row-gap 規定列間隙的尺寸。
grid-row-start 規定網格項目從何處開始。
grid-template grid-template-rows、grid-template-columns 以及 grid-areas 屬性的簡寫屬性。
grid-template-areas 規定如何使用命名的網格項顯示列和行。
grid-template-columns 指定列的尺寸以及網格布局中的列數。
grid-template-rows 指定網格布局中的行的尺寸。
H
hanging-punctuation 規定是否可以在行框外放置標點符號。
height 設置元素的高度。
hyphens 設置如何分割單詞以改善段落的布局。
I
image-rendering 當圖像被縮放時，向瀏覽器提供關於保留圖像的哪些最重要的方面的信息。
@import 允許您將樣式表導入另一張樣式表。
isolation 定義元素是否必須創建新的堆疊內容。
J
justify-content 規定項目在彈性容器內的對齊方式，當項目未用到所有可用空間時。
K
@keyframes 規定動畫代碼。
L
left 規定定位元素的左側位置。
letter-spacing 增加或減少文本中的字符間距。
line-break 如何如何/是否換行。
line-height 設置行高。
list-style 在一條聲明中設置所有列表屬性。
list-style-image 把圖像指定為列表項標記。
list-style-position 規定列表項標記的位置。
list-style-type 規定列表項標記的類型。
M
margin 在一條聲明中設置所有外邊距屬性。
margin-bottom 設置元素的下外邊距。
margin-left 設置元素的左外邊距。
margin-right 設置元素的右外邊距。
margin-top 設置元素的上外邊距。
mask 通過在特定位置遮罩或剪切圖像來隱藏元素。
mask-type 規定將遮罩元素用作亮度或 Alpha 遮罩。
max-height 設置元素的最大高度。
max-width 設置元素的最大寬度。
@media 為不同的媒體類型、設備、尺寸設置樣式規則。
min-height 設置元素的最小高度。
min-width 設置元素的最小寬度。
mix-blend-mode 規定元素內容應如何與其直接父的背景相混合。
O
object-fit 規定替換元素的內容應如何適合其所用高度和寬度建立的框。
object-position 指定替換元素在其框內的對齊方式。
opacity 設置元素的不透明等級。
order 設置彈性項目相對於其余項目的順序。
orphans 設置在元素內發生分頁時必須保留在頁面底部的最小行數。
outline outline-width、outline-style 以及 outline-color 屬性的簡寫屬性。
outline-color 設置輪廓的顏色。
outline-offset 對輪廓進行偏移，並將其繪制到邊框邊緣之外。
outline-style 設置輪廓的樣式。
outline-width 設置輪廓的寬度。
overflow 規定如果內容溢出元素框會發生什么情況。
overflow-wrap 規定瀏覽器是否可能為了防止溢出而在單詞內折行（當字符串太長而無法適應其包含框時）。
overflow-x 規定是否剪裁內容的左右邊緣，如果它溢出了元素的內容區域。
overflow-y 規定是否剪裁內容的上下邊緣，如果它溢出了元素的內容區域。
P
padding 所有 padding-* 屬性的簡寫屬性。
padding-bottom 設置元素的下內邊距。
padding-left 設置元素的左內邊距。
padding-right 設置元素的右內邊距。
padding-top 設置元素的上內邊距。
page-break-after 設置元素之后的分頁（page-break）行為。
page-break-before 設置元素之前的分頁（page-break）行為。
page-break-inside 設置元素內的分頁（page-break）行為。
perspective 為 3D 定位元素提供透視。
perspective-origin 定義用戶觀看 3D 定位元素的位置。
pointer-events 定義元素是否對指針事件做出反應。
position 規定用於元素的定位方法的類型（靜態、相對、絕對或固定）。
Q
quotes 設置引號類型。
R
resize 定義用戶是否以及如何調整元素的尺寸。
right 規定定位元素的左側位置。
S
scroll-behavior 規定可滾動框中是否平滑地滾動，而不是直接跳躍。
T
tab-size 規定制表符的寬度。
table-layout 定義用於對單元格、行和列進行布局的算法。
text-align 規定文本的水平對齊方式。
text-align-last 描述當 text-align 為 "justify" 時，如何在強制換行之前對齊塊或行的最后一行。
text-combine-upright 將多個字符組合到到單個字符的空間中。
text-decoration 規定文本裝飾。
text-decoration-color 規定文本裝飾（text-decoration）的顏色。
text-decoration-line 規定文本裝飾（text-decoration）中的的行類型。
text-decoration-style 規定文本裝飾（text-decoration）中的行樣式。
text-indent 規定文本塊（text-block）中的的首行縮進。
text-justify 規定當 text-align 為 "justify" 時使用的對齊方法。
text-orientation 定義行中的文本方向。
text-overflow 規定當文本溢出包含元素時應該發生的情況。
text-shadow 添加文本陰影。
text-transform 控制文本的大寫。
text-underline-position 規定使用 text-decoration 屬性設置的下划線的位置。
top 規定定位元素的頂端位置。
transform 向元素應用 2D 或 3D 轉換。
transform-origin 允許您更改轉換元素的位置。
transform-style 規定如何在 3D 空間中渲染嵌套的元素。
transition 所有 transition-* 屬性的簡寫屬性。
transition-delay 規定合適開始過渡效果。
transition-duration 規定完成過渡效果所需的秒或毫秒數。
transition-property 規定過渡效果對應的 CSS 屬性的名稱。
transition-timing-function 規定過渡效果的速度曲線。
U
unicode-bidi 與 direction 屬性一起使用，設置或返回是否應覆寫文本來支持同一文檔中的多種語言。
user-select 規定是否能選取元素的文本。
V
vertical-align 設置元素的垂直對齊方式。
visibility 規定元素是否可見。
W
white-space 規定如何處理元素內的空白字符。
widows 設置如果元素內發生分頁，必須在頁面頂部保留的最小行數。
width 設置元素的寬度。
word-break 規定單詞到達行末后如何換行。
word-spacing 增加或減少文本中的單詞間距。
word-wrap 允許長的、不能折行的單詞換到下一行。
writing-mode 規定文本行是水平還是垂直布局。
Z
z-index 設置定位元素的堆疊順序。