CSS/CSS3 屬性大全
阿新 • • 發佈：2019-02-10
"CSS" 列指示該屬性是在哪個 CSS 版本（CSS1、CSS2 或 CSS3）中定義的。
CSS3 動畫屬性（Animation）
CSS 背景屬性（Background）
CSS 邊框屬性（Border 和 Outline）
Box 屬性
| 屬性 | 描述 | CSS |
|---|---|---|
| 如果內容溢位了元素內容區域，是否對內容的左/右邊緣進行裁剪。 | 3 | |
| 如果內容溢位了元素內容區域，是否對內容的上/下邊緣進行裁剪。 | 3 | |
| 圍繞由 rotation-point 屬性定義的點對元素進行旋轉。 | 3 |
Color 屬性
| 屬性 | 描述 | CSS |
|---|---|---|
| color-profile | 允許使用源的顏色配置檔案的預設以外的規範。 | 3 |
| rendering-intent | 允許使用顏色配置檔案渲染意圖的預設以外的規範。 | 3 |
Content for Paged Media 屬性
| 屬性 | 描述 | CSS |
|---|---|---|
| bookmark-label | 規定書籤的標記。 | 3 |
| bookmark-level | 規定書籤的級別。 | 3 |
| bookmark-target | 規定書籤連結的目標。 | 3 |
| float-offset | 將元素放在 float 屬性通常放置的位置的相反方向。 | 3 |
| hyphenate-after | 規定連字單詞中連字元之後的最小字元數。 | 3 |
| hyphenate-before | 規定連字單詞中連字元之前的最小字元數。 | 3 |
| hyphenate-character | 規定當發生斷字時顯示的字串。 | 3 |
| hyphenate-lines | 指示元素中連續斷字連線的最大數。 | 3 |
| hyphenate-resource | 規定幫助瀏覽器確定斷字點的外部資源（逗號分隔的列表）。 | 3 |
| hyphens | 設定如何對單詞進行拆分，以改善段落的佈局。 | 3 |
| image-resolution | 規定影象的正確解析度。 | 3 |
| marks | 向文件新增裁切標記或十字標記。 | 3 |
| string-set | 3 |
CSS 尺寸屬性（Dimension）
| 屬性 | 描述 | CSS |
|---|---|---|
| width | 設定元素的寬度。 | 1 |
可伸縮框屬性（Flexible Box）
| 屬性 | 描述 | CSS |
|---|---|---|
| 規定框的子元素是否可伸縮。 | 3 | |
| 規定當超出父元素框的空間時，是否換行顯示。 | 3 | |
| 規定框的子元素是否應水平或垂直排列。 | 3 | |
| 規定水平框中的水平位置或者垂直框中的垂直位置。 | 3 |
CSS 字型屬性（Font）
內容生成（Generated Content）
| 屬性 | 描述 | CSS |
|---|---|---|
| 與 :before 以及 :after 偽元素配合使用，來插入生成內容。 | 2 | |
| 設定巢狀引用的引號型別。 | 2 | |
| crop | 允許被替換元素僅僅是物件的矩形區域，而不是整個物件。 | 3 |
| move-to | 從流中刪除元素，然後在文件中後面的點上重新插入。 | 3 |
| page-policy | 確定元素基於頁面的 occurrence 應用於計數器還是字串值。 | 3 |
Grid 屬性
| 屬性 | 描述 | CSS |
|---|
Hyperlink 屬性
| 屬性 | 描述 | CSS |
|---|---|---|
| 簡寫屬性，設定target-name、target-new以及target-position屬性。 | 3 | |
| 規定在何處開啟連結（連結的目標）。 | 3 | |
| 規定目標連結在新視窗還是在已有視窗的新標籤頁中開啟。 | 3 |
CSS 列表屬性（List）
CSS 外邊距屬性（Margin）
Marquee 屬性
| 屬性 | 描述 | CSS |
|---|---|---|
| marquee-direction | 設定移動內容的方向。 | 3 |
| marquee-play-count | 設定內容移動多少次。 | 3 |
| marquee-speed | 設定內容滾動得多快。 | 3 |
| marquee-style | 設定移動內容的樣式。 | 3 |
多列屬性（Multi-column）
CSS 內邊距屬性（Padding）
Paged Media 屬性
| 屬性 | 描述 | CSS |
|---|---|---|
| fit | 示意如何對width和height屬性均不是auto的被替換元素進行縮放。 | 3 |
| fit-position | 定義盒內物件的對齊方式。 | 3 |
| image-orientation | 規定使用者代理應用於影象的順時針方向旋轉。 | 3 |
| page | 規定元素應該被顯示的頁面特定型別。 | 3 |
| size | 規定頁面內容包含框的尺寸和方向。 | 3 |
CSS 定位屬性（Positioning）
| 屬性 | 描述 | CSS |
|---|---|---|
| 設定定位元素下外邊距邊界與其包含塊下邊界之間的偏移。 | 2 | |
| clear | 規定元素的哪一側不允許其他浮動元素。 | 1 |
| clip | 剪裁絕對定位元素。 | 2 |
| 規定要顯示的游標的型別（形狀）。 | 2 | |
| 規定元素應該生成的框的型別。 | 1 | |
| float | 規定框是否應該浮動。 | 1 |
| left | 設定定位元素左外邊距邊界與其包含塊左邊界之間的偏移。 | 2 |
| 規定當內容溢位元素框時發生的事情。 | 2 | |
| right | 設定定位元素右外邊距邊界與其包含塊右邊界之間的偏移。 | 2 |
| top | 設定定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。 | 2 |
| 設定元素的堆疊順序。 | 2 |
CSS 列印屬性（Print）
| 屬性 | 描述 | CSS |
|---|---|---|
| orphans | 設定當元素內部發生分頁時必須在頁面底部保留的最少行數。 | 2 |
| widows | 設定當元素內部發生分頁時必須在頁面頂部保留的最少行數。 | 2 |
CSS 表格屬性（Table）
CSS 文字屬性（Text）
| 屬性 | 描述 | CSS |
|---|---|---|
| color | 設定文字的顏色。 | 1 |
| 規定文字的方向 / 書寫方向。 | 2 | |
| text-shadow | 規定新增到文字的陰影效果。 | 2 |
| text-align-last | 設定如何對齊最後一行或緊挨著強制換行符之前的行。 | 3 |
| 向元素的文字應用重點標記以及重點標記的前景色。 | 3 | |
| 規定當 text-align 設定為 "justify" 時所使用的對齊方法。 | 3 | |
| 規定非中日韓文字的換行規則。 | 3 | |
| 允許對長的不可分割的單詞進行分割並換行到下一行。 | 3 |
2D/3D 轉換屬性（Transform）
過渡屬性（Transition）
使用者介面屬性（User-interface）
| 屬性 | 描述 | CSS |
|---|---|---|
| 允許您將元素設定為標準使用者介面元素的外觀 | 3 | |
| 允許您以確切的方式定義適應某個區域的具體內容。 | 3 | |
| icon | 為創作者提供使用圖示化等價物來設定元素樣式的能力。 | 3 |
| 規定在使用 arrow-down 導航鍵時向何處導航。 | 3 | |
| 設定元素的 tab 鍵控制次序。 | 3 | |
| 規定在使用 arrow-left 導航鍵時向何處導航。 | 3 | |
| 規定在使用 arrow-right 導航鍵時向何處導航。 | 3 | |
| 規定在使用 arrow-up 導航鍵時向何處導航。 | 3 | |
| 對輪廓進行偏移，並在超出邊框邊緣的位置繪製輪廓。 | 3 | |
| 規定是否可由使用者對元素的尺寸進行調整。 | 3 |