CSS3 動畫屬性（ animation ）
| 屬性 | 描述 |
|---|---|
| @keyframes | 一個 keyframe 定義了一個完整動畫裡某一時刻的一種動畫樣式，動畫繪製引擎會連貫平滑的實現各種樣式間的轉換。 |
| animation | 是一個簡寫屬性，用於設置六個動畫屬性。 |
| animation-name | 為 @keyframes 動畫規定名稱。 |
| animation-duration | 定義動畫完成一個週期所需要的時間，以 s 或 ms 計。 |
| animation-timing-function | 規定動畫的速度曲線。 |
| animation-delay | 定義動畫會延遲幾秒後才進行，值以 s 或 ms 計。 |
| animation-iteration-count | 定義動畫的播放次數。 |
| animation-direction | 定義是否應該輪流反向播放動畫。 |
| animation-play-state | 規定動畫正在運行還是暫停。 |
| animation-fill-mode | 規定動畫在播放之前或之後，其動畫效果是否可見。 |
CSS 背景屬性（ background ）
| 屬性 | 描述 |
|---|---|
| background | 簡寫屬性在一個聲明中設置所有的背景屬性。 |
| background-attachment | 設置背景圖像是否固定或者隨著頁面的其餘部分滾動。 |
| background-blend-mode | 針對「 背景圖片 」的混合模式，可以是背景圖片與背景圖片的混合，也可以是背景圖片和背景色的之間的混合。 |
| background-color | 設置元素的背景顏色。 |
| background-image | 為元素設置背景圖像。 |
| background-position | 設置背景圖像的起始位置，該屬性定位不受 padding 的設置影響。 |
| background-repeat | 設置是否及如何重複背景圖像。 |
| background-clip | 規定背景的繪製區域。 |
| background-origin | 規定 background-position 屬性相對於什麼位置來定位，如果背景不是 no-repeat 的話，這個屬性是無效的。 |
| background-size | 規定背景圖像的尺寸。 |
| isolation | 設置是否與其他元素隔離。 |
| mix-blend-mode | 針對「 圖層混合模式 」的混合模式，它會把當前元素和所有在其下方重疊的背景或元素都混和起來。 |
CSS 邊框屬性（ border 和 outline ）
| 屬性 | 描述 |
|---|---|
| border | 簡寫屬性在一個聲明設置所有的邊框屬性。 |
| border-color | 設置邊框的顏色。 |
| border-style | 用於設置元素邊框的樣式。 |
| border-width | 簡寫屬性為元素的邊框設置寬度。 |
| border-radius | 簡寫屬性用於設置四個 border-x-radius 屬性。 |
| border-image | 簡寫屬性用於設置圖片邊框。 |
| border-image-source | 規定要使用的圖像，代替 border-style 屬性中設置的邊框樣式。 |
| border-image-slice | 規定圖像邊框的向內偏移。 |
| border-image-width | 規定圖像邊框的寬度。 |
| border-image-outset | 規定邊框圖像超過邊框盒的量，相當於把原來的貼圖位置向外延伸，可以把 border image area 的區域延伸到 border-box 之外。 |
| border-image-repeat | 規定圖像邊框是否應該被重複、拉伸或鋪滿。 |
| outline | 繪製於元素周圍的一條線，位於邊框邊緣的外圍，可起到突出元素的作用。 |
| outline-color | 設置一個元素整個輪廓中可見部分的顏色。 |
| outline-style | 設置元素的整個輪廓的樣式。 |
| outline-width | 設置元素整個輪廓的寬度，只有當輪廓樣式不是 none 時，這個寬度才會起作用。 |
| outline-offset | 對輪廓進行偏移，並在邊框邊緣進行繪製（ 允許為負數 ）。 |
| box-decoration-break | 可以指定元素片段在跨行、跨列或跨頁（ 如打印 ）時候的樣式渲染表現，但只能影響部分 CSS 的渲染。 |
| box-shadow | 向框添加一個或多個陰影。 |
box 屬性
| 屬性 | 描述 |
|---|---|
| overflow-x | 可設定「 水平 」方向，當超出範圍時自動變成捲軸呈現方式。 |
| overflow-y | 可設定「 垂直 」方向，當超出範圍時自動變成捲軸呈現方式。 |
| overflow-style | |
| rotation | |
| rotation-point |
color 屬性
| 屬性 | 描述 |
|---|---|
| color-profile | |
| opacity | 設置元素的不透明級別。 |
| rendering-intent |
CSS 尺寸屬性（ dimension ）
| 屬性 | 描述 |
|---|---|
| height | 設置元素的高度。 |
| max-height | 設置元素的最大高度。 |
| max-width | 設置元素的最大寬度。 |
| min-height | 設置元素的最小高度。 |
| min-width | 設置元素的最小寬度。 |
| width | 設置元素的寬度。 |
可伸縮框屬性（ flexible box ）
| 屬性 | 描述 |
|---|---|
| align-content | 交錯軸對齊的多行版本。 |
| align-items | 交錯軸對齊。 |
| align-self | 可以調整內元件交錯軸的對齊設定（ 主軸線則不能另外做設定 ）。 |
| box-align | |
| box-direction | |
| box-flex | |
| box-flex-group | |
| box-lines | |
| box-ordinal-group | |
| box-orient | |
| box-pack | |
| display | 一開始要宣告 flexible box 才能使用。 |
| flex | flex 是縮寫，裡面依序包含三個屬性 flex-grow 、 flex-shrink 和 flex-basis 。 |
| flex-basis | 元件的基準值，可使用不同的單位值。 |
| flex-direction | 改變軸線方向，可以將軸線做水平反轉、轉為垂直、垂直反轉。 |
| flex-flow | flex-direction 與 flex-wrap 的簡寫。 |
| flex-grow | 當空間分配還有剩餘時的當前元件的伸展性。 |
| flex-shrink | 當空間分配還不足時的當前元件的收縮性。 |
| flex-wrap | 超出範圍時是否換行，分為換行、不換行、換行時反轉。 |
| justify-content | 主軸對齊。 |
| order | 可以重新定義元件的排列順序，順序會依據數值的大小排列。 |
CSS 字體屬性（ font ）
| 屬性 | 描述 |
|---|---|
| font | 簡寫屬性在一個聲明中設置所有字體屬性。 |
| font-display | @font-face 於加載完成之前會先顯示或隱藏字型。 |
| @font-face | 宣告自定義自型。 |
| font-family | 規定元素的字體。 |
| font-feature-settings | 控制 OpenType 字型中的高階排版功能。 |
| font-kerning | 調整英文字元形狀的間距。 |
| font-size | 設置字級大小。 |
| font-size-adjust / text-size-adjust | 當元素字級不可用時，定義字體的 aspect 值比率。 |
| font-stretch | 可對當前的 font-family 進行伸縮變形。 |
| font-style | 定義字體的風格。 |
| font-variant | 將英文字母變大寫，而且字體縮小。 |
| font-variation-settings | 指定低級的 OpenType 或 TrueType 字體變形。 |
| font-weight | 設置文本的粗細。 |
| unicode-range | 萬國碼範圍，可提供給瀏覽器作為參考，來決定是否要下載該字型檔。 |
CSS 外邊距屬性（ margin ）
| 屬性 | 描述 |
|---|---|
| margin | 簡寫屬性在一個聲明中設置所有外邊距屬性。 |
| margin-bottom | 設置元素的下外邊距。 |
| margin-left | 設置元素的左外邊距。 |
| margin-right | 設置元素的右外邊距。 |
| margin-top | 設置元素的上外邊距。 |
CSS 內邊距屬性（ padding ）
| 屬性 | 描述 |
|---|---|
| padding | 簡寫屬性在一個聲明中設置所有內邊距屬性。 |
| padding-bottom | 設置元素的下內邊距。 |
| padding-left | 設置元素的左內邊距。 |
| padding-right | 設置元素的右內邊距。 |
| padding-top | 設置元素的上內邊距。 |
