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 |