邊框
| 屬性 | 描述 |
|---|---|
| border-image | 設(shè)置所有 border-image-* 屬性的簡寫屬性府适。 |
| border-radius | 設(shè)置所有四個(gè) border-*-radius 屬性的簡寫屬性垄开。 |
| box-shadow | 向方框添加一個(gè)或多個(gè)陰影。 |
背景
| 屬性 | 描述 |
|---|---|
| background-clip | 規(guī)定背景的繪制區(qū)域浑塞。 |
| background-origin | 規(guī)定背景圖片的定位區(qū)域讲坎。 |
| background-size | 規(guī)定背景圖片的尺寸孕惜。 |
文本效果
| 屬性 | 描述 |
|---|---|
| hanging-punctuation | 規(guī)定標(biāo)點(diǎn)字符是否位于線框之外。 |
| punctuation-trim | 規(guī)定是否對標(biāo)點(diǎn)字符進(jìn)行修剪晨炕。 |
| text-align-last | 設(shè)置如何對齊最后一行或緊挨著強(qiáng)制換行符之前的行衫画。 |
| text-emphasis | 向元素的文本應(yīng)用重點(diǎn)標(biāo)記以及重點(diǎn)標(biāo)記的前景色。 |
| text-justify | 規(guī)定當(dāng) text-align 設(shè)置為 "justify" 時(shí)所使用的對齊方法瓮栗。 |
| text-outline | 規(guī)定文本的輪廓削罩。 |
| text-overflow | 規(guī)定當(dāng)文本溢出包含元素時(shí)發(fā)生的事情瞄勾。 |
| text-shadow | 向文本添加陰影。 |
| text-wrap | 規(guī)定文本的換行規(guī)則弥激。 |
| word-break | 規(guī)定非中日韓文本的換行規(guī)則进陡。 |
| word-wrap | 允許對長的不可分割的單詞進(jìn)行分割并換行到下一行。 |
字體描述符 (@font-face)
@font-face 規(guī)則中定義的所有字體描述符：
| 描述符 | 值 | 描述 |
|---|---|---|
| font-family | name | 必需秆撮。規(guī)定字體的名稱四濒。 |
| src | URL | 必需。定義字體文件的 URL职辨。 |
| font-stretch | normal; condensed; ultra-condensed; extra-condensed; semi-condensed; expanded; semi-expanded; extra-expanded; ultra-expanded | 可選盗蟆。定義如何拉伸字體。默認(rèn)是 "normal"舒裤。 |
| font-style | ormal; italic; oblique | 可選喳资。定義字體的樣式。默認(rèn)是 "normal"腾供。 |
| font-weight | normal; bold; 100; 200; 300; 400; 500; 600; 700; 800 | 可選仆邓。定義字體的粗細(xì)。默認(rèn)是 "normal"伴鳖。 |
| unicode-range | unicode-range | 可選节值。定義字體支持的 UNICODE 字符范圍。默認(rèn)是 "U+0-10FFFF"榜聂。 |
2D 轉(zhuǎn)換
所有的轉(zhuǎn)換屬性：
| 屬性 | 描述 |
|---|---|
| transform | 向元素應(yīng)用 2D 或 3D 轉(zhuǎn)換搞疗。 |
| transform-origin | 允許你改變被轉(zhuǎn)換元素的位置。 |
2D Transform 方法:
| 函數(shù) | 描述 |
|---|---|
| matrix(n,n,n,n,n,n) | 定義 2D 轉(zhuǎn)換须肆，使用六個(gè)值的矩陣匿乃。 |
| translate(x,y) | 定義 2D 轉(zhuǎn)換，沿著 X 和 Y 軸移動(dòng)元素豌汇。 |
| translateX(n) | 定義 2D 轉(zhuǎn)換幢炸，沿著 X 軸移動(dòng)元素。 |
| translateY(n) | 定義 2D 轉(zhuǎn)換拒贱，沿著 Y 軸移動(dòng)元素宛徊。 |
| scale(x,y) | 定義 2D 縮放轉(zhuǎn)換，改變元素的寬度和高度柜思。 |
| scaleX(n) | 定義 2D 縮放轉(zhuǎn)換岩调，改變元素的寬度。 |
| scaleY(n) | 定義 2D 縮放轉(zhuǎn)換赡盘，改變元素的高度。 |
| rotate(angle) | 定義 2D 旋轉(zhuǎn)缰揪，在參數(shù)中規(guī)定角度陨享。 |
| skew(x-angle,y-angle) | 定義 2D 傾斜轉(zhuǎn)換葱淳，沿著 X 和 Y 軸。 |
| skewX(angle) | 定義 2D 傾斜轉(zhuǎn)換抛姑，沿著 X 軸赞厕。 |
| skewY(angle) | 定義 2D 傾斜轉(zhuǎn)換，沿著 Y 軸定硝。 |
3D 轉(zhuǎn)換
Internet Explorer 10 和 Firefox 支持 3D 轉(zhuǎn)換皿桑。
Chrome 和 Safari 需要前綴 -webkit-。
Opera 仍然不支持 3D 轉(zhuǎn)換（它只支持 [2D 轉(zhuǎn)換]）蔬啡。
所有的轉(zhuǎn)換屬性：
| 屬性 | 描述 |
|---|---|
| transform | 向元素應(yīng)用 2D 或 3D 轉(zhuǎn)換诲侮。 |
| transform-origin | 允許你改變被轉(zhuǎn)換元素的位置。 |
| transform-style | 規(guī)定被嵌套元素如何在 3D 空間中顯示箱蟆。 |
| perspective | 規(guī)定 3D 元素的透視效果沟绪。 |
| perspective-origin | 規(guī)定 3D 元素的底部位置唠亚。 |
| backface-visibility | 定義元素在不面對屏幕時(shí)是否可見霹俺。 |
3D Transform 方法:
| 函數(shù) | 描述 |
|---|---|
| matrix3d(n,n,n,n,n,n,n,n,n,n,n,n,n,n,n,n) | 定義 3D 轉(zhuǎn)換蛾绎，使用 16 個(gè)值的 4x4 矩陣似将。 |
| translate3d(x,y,z) | 定義 3D 轉(zhuǎn)化罢维。 |
| translateX(x) | 定義 3D 轉(zhuǎn)化尚揣，僅使用用于 X 軸的值翠拣。 |
| translateY(y) | 定義 3D 轉(zhuǎn)化闸英，僅使用用于 Y 軸的值谆沃。 |
| translateZ(z) | 定義 3D 轉(zhuǎn)化钝凶，僅使用用于 Z 軸的值。 |
| scale3d(x,y,z) | 定義 3D 縮放轉(zhuǎn)換管毙。 |
| scaleX(x) | 定義 3D 縮放轉(zhuǎn)換腿椎，通過給定一個(gè) X 軸的值。 |
| scaleY(y) | 定義 3D 縮放轉(zhuǎn)換夭咬，通過給定一個(gè) Y 軸的值啃炸。 |
| scaleZ(z) | 定義 3D 縮放轉(zhuǎn)換，通過給定一個(gè) Z 軸的值卓舵。 |
| rotate3d(x,y,z,angle) | 定義 3D 旋轉(zhuǎn)南用。 |
| rotateX(angle) | 定義沿 X 軸的 3D 旋轉(zhuǎn)。 |
| rotateY(angle) | 定義沿 Y 軸的 3D 旋轉(zhuǎn)掏湾。 |
| rotateZ(angle) | 定義沿 Z 軸的 3D 旋轉(zhuǎn)裹虫。 |
| perspective(n) | 定義 3D 轉(zhuǎn)換元素的透視視圖。 |
過渡
Internet Explorer 10融击、Firefox筑公、Chrome 以及 Opera 支持 transition 屬性。
Safari 需要前綴 -webkit-尊浪。
注釋：Internet Explorer 9 以及更早的版本匣屡，不支持 transition 屬性封救。
注釋：Chrome 25 以及更早的版本，需要前綴 -webkit-捣作。
所有的轉(zhuǎn)換屬性：
| 屬性 | 描述 |
|---|---|
| transition | 簡寫屬性誉结，用于在一個(gè)屬性中設(shè)置四個(gè)過渡屬性。 |
| transition-property | 規(guī)定應(yīng)用過渡的 CSS 屬性的名稱券躁。 |
| transition-duration | 定義過渡效果花費(fèi)的時(shí)間惩坑。默認(rèn)是 0。 |
| transition-timing-function | 規(guī)定過渡效果的時(shí)間曲線也拜。默認(rèn)是 "ease"以舒。 |
| transition-delay | 規(guī)定過渡效果何時(shí)開始。默認(rèn)是 0搪泳。 |
動(dòng)畫 (@keyframes)
Internet Explorer 10稀轨、Firefox 以及 Opera 支持 @keyframes 規(guī)則和 animation 屬性。
Chrome 和 Safari 需要前綴 -webkit-岸军。
注釋：Internet Explorer 9奋刽，以及更早的版本，不支持 @keyframe 規(guī)則或 animation 屬性艰赞。
@keyframes 規(guī)則和所有動(dòng)畫屬性：
| 屬性 | 描述 |
|---|---|
| @keyframes | 規(guī)定動(dòng)畫佣谐。 |
| animation | 所有動(dòng)畫屬性的簡寫屬性，除了 animation-play-state 屬性方妖。 |
| animation-name | 規(guī)定 @keyframes 動(dòng)畫的名稱狭魂。 |
| animation-duration | 規(guī)定動(dòng)畫完成一個(gè)周期所花費(fèi)的秒或毫秒。默認(rèn)是 0党觅。 |
| animation-timing-function | 規(guī)定動(dòng)畫的速度曲線雌澄。默認(rèn)是 "ease"。 |
| animation-delay | 規(guī)定動(dòng)畫何時(shí)開始杯瞻。默認(rèn)是 0镐牺。 |
| animation-iteration-count | 規(guī)定動(dòng)畫被播放的次數(shù)。默認(rèn)是 1魁莉。 |
| animation-direction | 規(guī)定動(dòng)畫是否在下一周期逆向地播放睬涧。默認(rèn)是 "normal"。 |
| animation-play-state | 規(guī)定動(dòng)畫是否正在運(yùn)行或暫停旗唁。默認(rèn)是 "running"畦浓。 |
| animation-fill-mode | 規(guī)定對象動(dòng)畫時(shí)間之外的狀態(tài)。 |
多列
| 屬性 | 描述 |
|---|---|
| column-count | 規(guī)定元素應(yīng)該被分隔的列數(shù)检疫。 |
| column-fill | 規(guī)定如何填充列讶请。 |
| column-gap | 規(guī)定列之間的間隔。 |
| column-rule | 設(shè)置所有 column-rule-* 屬性的簡寫屬性屎媳。 |
| column-rule-color | 規(guī)定列之間規(guī)則的顏色秽梅。 |
| column-rule-style | 規(guī)定列之間規(guī)則的樣式抹蚀。 |
| column-rule-width | 規(guī)定列之間規(guī)則的寬度剿牺。 |
| column-span | 規(guī)定元素應(yīng)該橫跨的列數(shù)企垦。 |
| column-width | 規(guī)定列的寬度。 |
| columns | 規(guī)定設(shè)置 column-width 和 column-count 的簡寫屬性晒来。 |
用戶界面屬性（User-interface）
| 屬性 | 描述 |
|---|---|
| appearance | 允許您將元素設(shè)置為標(biāo)準(zhǔn)用戶界面元素的外觀 |
| box-sizing | 允許您以確切的方式定義適應(yīng)某個(gè)區(qū)域的具體內(nèi)容钞诡。 |
| icon | 為創(chuàng)作者提供使用圖標(biāo)化等價(jià)物來設(shè)置元素樣式的能力。 |
| nav-down | 規(guī)定在使用 arrow-down 導(dǎo)航鍵時(shí)向何處導(dǎo)航湃崩。 |
| nav-index | 設(shè)置元素的 tab 鍵控制次序荧降。 |
| nav-left | 規(guī)定在使用 arrow-left 導(dǎo)航鍵時(shí)向何處導(dǎo)航。 |
| nav-right | 規(guī)定在使用 arrow-right 導(dǎo)航鍵時(shí)向何處導(dǎo)航攒读。 |
| nav-up | 規(guī)定在使用 arrow-up 導(dǎo)航鍵時(shí)向何處導(dǎo)航朵诫。 |
| outline-offset | 對輪廓進(jìn)行偏移，并在超出邊框邊緣的位置繪制輪廓薄扁。 |
| resize | 規(guī)定是否可由用戶對元素的尺寸進(jìn)行調(diào)整剪返。 |
