Design Code 設計密碼

屬性

描述

CSS

@keyframes

規定動畫。

3

animation

所有動畫屬性的簡寫屬性，除了 animation-play-state 屬性。

3

animation-name

規定 @keyframes 動畫的名稱。

3

animation-duration

規定動畫完成一個週期所花費的秒或毫秒。

3

animation-timing-function

規定動畫的速度曲線。

3

animation-delay

規定動畫何時開始。

3

animation-iteration-count

規定動畫被播放的次數。

3

animation-direction

規定動畫是否在下一週期逆向地播放。

3

animation-play-state

規定動畫是否正在運行或暫停。

3

animation-fill-mode

規定物件動畫時間之外的狀態。

3

屬性

描述

CSS

background

在一個聲明中設置所有的背景屬性。

1

background-attachment

設置背景圖像是否固定或者隨著頁面的其餘部分滾動。

1

background-color

設置元素的背景顏色。

1

background-image

設置元素的背景圖像。

1

background-position

設置背景圖像的開始位置。

1

background-repeat

設置是否及如何重複背景圖像。

1

background-clip

規定背景的繪製區域。

3

background-origin

規定背景圖片的定位區域。

3

background-size

規定背景圖片的尺寸。

3

屬性

描述

CSS

border

在一個聲明中設置所有的邊框屬性。

1

border-bottom

在一個聲明中設置所有的下邊框屬性。

1

border-bottom-color

設置下邊框的顏色。

2

border-bottom-style

設置下邊框的樣式。

2

border-bottom-width

設置下邊框的寬度。

1

border-color

設置四條邊框的顏色。

1

border-left

在一個聲明中設置所有的左邊框屬性。

1

border-left-color

設置左邊框的顏色。

2

border-left-style

設置左邊框的樣式。

2

border-left-width

設置左邊框的寬度。

1

border-right

在一個聲明中設置所有的右邊框屬性。

1

border-right-color

設置右邊框的顏色。

2

border-right-style

設置右邊框的樣式。

2

border-right-width

設置右邊框的寬度。

1

border-style

設置四條邊框的樣式。

1

border-top

在一個聲明中設置所有的上邊框屬性。

1

border-top-color

設置上邊框的顏色。

2

border-top-style

設置上邊框的樣式。

2

border-top-width

設置上邊框的寬度。

1

border-width

設置四條邊框的寬度。

1

outline

在一個聲明中設置所有的輪廓屬性。

2

outline-color

設置輪廓的顏色。

2

outline-style

設置輪廓的樣式。

2

outline-width

設置輪廓的寬度。

2

border-bottom-left-radius

定義邊框左下角的形狀。

3

border-bottom-right-radius

定義邊框右下角的形狀。

3

border-image

簡寫屬性，設置所有 border-image-* 屬性。

3

border-image-outset

規定邊框圖像區域超出邊框的量。

3

border-image-repeat

圖像邊框是否應平鋪(repeated)、鋪滿(rounded)或拉伸(stretched)。

3

border-image-slice

規定圖像邊框的向內偏移。

3

border-image-source

規定用作邊框的圖片。

3

border-image-width

規定圖片邊框的寬度。

3

border-radius

簡寫屬性，設置所有四個 border-*-radius 屬性。

3

border-top-left-radius

定義邊框左上角的形狀。

3

border-top-right-radius

定義邊框右下角的形狀。

3

box-decoration-break

3

box-shadow

向方框添加一個或多個陰影。

3

屬性

描述

CSS

overflow-x

如果內容溢出了元素內容區域，是否對內容的左/右邊緣進行裁剪。

3

overflow-y

如果內容溢出了元素內容區域，是否對內容的上/下邊緣進行裁剪。

3

overflow-style

規定溢出元素的首選滾動方法。

3

rotation

圍繞由 rotation-point 屬性定義的點對元素進行旋轉。

3

rotation-point

定義距離上左邊框邊緣的偏移點。

3

屬性

描述

CSS

color-profile

允許使用源的色彩設定檔的預設以外的規範。

3

opacity

規定書簽的級別。

3

rendering-intent

允許使用色彩設定檔渲染意圖的預設以外的規範。

3

屬性

描述

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

height

設置元素高度。

1

max-height

設置元素的最大高度。

2

max-width

設置元素的最大寬度。

2

min-height

設置元素的最小高度。

2

min-width

設置元素的最小寬度。

2

width

設置元素的寬度。

1

屬性

描述

CSS

box-align

規定如何對齊框的子元素。

3

box-direction

規定框的子元素的顯示方向。

3

box-flex

規定框的子元素是否可伸縮。

3

box-flex-group

將可伸縮元素分配到柔性分組。

3

box-lines

規定當超出父元素框的空間時，是否換行顯示。

3

box-ordinal-group

規定框的子元素的顯示次序。

3

box-orient

規定框的子元素是否應水準或垂直排列。

3

box-pack

規定水準框中的水準位置或者垂直框中的垂直位置。

3

屬性

描述

CSS

font

在一個聲明中設置所有字體屬性。

1

font-family

規定文本的字型家族。

1

font-size

規定文本的字體尺寸。

1

font-size-adjust

為元素規定 aspect 值。

2

font-stretch

收縮或拉伸當前的字型家族。

2

font-style

規定文本的字體樣式。

1

font-variant

規定是否以小型大寫字母的字體顯示文本。

1

font-weight

規定字體的粗細。

1

屬性

描述

CSS

content

與 :before 以及 :after 偽元素配合使用，來插入生成內容。

2

counter-increment

遞增或遞減一個或多個計數器。

2

counter-reset

創建或重置一個或多個計數器。

2

quotes

設置嵌套引用的引號類型。

2

crop

允許被替換元素僅僅是物件的矩形區域，而不是整個物件。

3

move-to

從流中刪除元素，然後在文檔中後面的點上重新插入。

3

page-policy

確定元素基於頁面的 occurrence 應用於計數器還是字串值。

3

屬性

描述

CSS

grid-columns

規定網格中每個列的寬度。

3

grid-rows

規定網格中每個列的高度。

3

屬性

描述

CSS

target

簡寫屬性，設置target-name、target-new以及target-position屬性。

3

target-name

規定在何處打開連結（連結的目標）。

3

target-new

規定目標連結在新視窗還是在已有視窗的新標籤頁中打開。

3

target-position

規定在何處放置新的目標連結。

3

屬性

描述

CSS

list-style

在一個聲明中設置所有的清單屬性。

1

list-style-image

將圖像設置為清單項標記。

1

list-style-position

設置清單項標記的放置位置。

1

list-style-type

設置清單項標記的類型。

1

marker-offset

2

屬性

描述

CSS

margin

在一個聲明中設置所有外邊距屬性。

1

margin-bottom

設置元素的下外邊距。

1

margin-left

設置元素的左外邊距。

1

margin-right

設置元素的右外邊距。

1

margin-top

設置元素的上外邊距。

1

屬性

描述

CSS

marquee-direction

設置移動內容的方向。

3

marquee-play-count

設置內容移動多少次。

3

marquee-speed

設置內容滾動得多快。

3

marquee-style

設置移動內容的樣式。

3

屬性

描述

CSS

column-count

規定元素應該被分隔的列數。

3

column-fill

規定如何填充列。

3

column-gap

規定列之間的間隔。

3

column-rule

設置所有 column-rule-* 屬性的簡寫屬性。

3

column-rule-color

規定列之間規則的顏色。

3

column-rule-style

規定列之間規則的樣式。

3

column-rule-width

規定列之間規則的寬度。

3

column-span

規定元素應該橫跨的列數。

3

column-width

規定列的寬度。

3

columns

規定設置 column-width 和 column-count 的簡寫屬性。

3

屬性

描述

CSS

padding

在一個聲明中設置所有內邊距屬性。

1

padding-bottom

設置元素的下內邊距。

1

padding-left

設置元素的左內邊距。

1

padding-right

設置元素的右內邊距。

1

padding-top

設置元素的上內邊距。

1

屬性

描述

CSS

fit

示意如何對width和height屬性均不是auto的被替換元素進行縮放。

3

fit-position

定義盒內物件的對齊方式。

3

image-orientation

規定使用者代理應用於圖像的順時針方向旋轉。

3

page

規定元素應該被顯示的頁面特定類型。

3

size

規定頁面內容包含框的尺寸和方向。

3

屬性

描述

CSS

bottom

設置定位元素下外邊距邊界與其包含塊下邊界之間的偏移。

2

clear

規定元素的哪一側不允許其他浮動元素。

1

clip

剪裁絕對定位元素。

2

cursor

規定要顯示的游標的類型（形狀）。

2

display

規定元素應該生成的框的類型。

1

float

規定框是否應該浮動。

1

left

設置定位元素左外邊距邊界與其包含塊左邊界之間的偏移。

2

overflow

規定當內容溢出元素框時發生的事情。

2

position

規定元素的定位類型。

2

right

設置定位元素右外邊距邊界與其包含塊右邊界之間的偏移。

2

top

設置定位元素的上外邊距邊界與其包含塊上邊界之間的偏移。

2

vertical-align

設置元素的垂直對齊方式。

1

visibility

規定元素是否可見。

2

z-index

設置元素的堆疊順序。

2

屬性

描述

CSS

orphans

設置當元素內部發生分頁時必須在頁面底部保留的最少行數。

2

page-break-after

設置元素後的分頁行為。

2

page-break-before

設置元素前的分頁行為。

2

page-break-inside

設置元素內部的分頁行為。

2

widows

設置當元素內部發生分頁時必須在頁面頂部保留的最少行數。

2

屬性

描述

CSS

border-collapse

規定是否合併表格邊框。

2

border-spacing

規定相鄰儲存格邊框之間的距離。

2

caption-side

規定表格標題的位置。

2

empty-cells

規定是否顯示表格中的空儲存格上的邊框和背景。

2

table-layout

設置用於表格的佈局演算法。

2

屬性

描述

CSS

color

設置文本的顏色。

1

direction

規定文本的方向 / 書寫方向。

2

letter-spacing

設置字元間距。

1

line-height

設置行高。

1

text-align

規定文本的水準對齊方式。

1

text-decoration

規定添加到文本的裝飾效果。

1

text-indent

規定文字區塊首行的縮進。

1

text-shadow

規定添加到文本的陰影效果。

2

text-transform

控制文本的大小寫。

1

unicode-bidi

設置文本方向。

2

white-space

規定如何處理元素中的空白。

1

word-spacing

設置單詞間距。

1

hanging-punctuation

規定標點字元是否位於線框之外。

3

punctuation-trim

規定是否對標點字元進行修剪。

3

text-align-last

設置如何對齊最後一行或緊挨著強制分行符號之前的行。

3

text-emphasis

向元素的文本應用重點標記以及重點標記的前景色。

3

text-justify

規定當 text-align 設置為 "justify" 時所使用的對齊方法。

3

text-outline

規定文本的輪廓。

3

text-overflow

規定當文本溢出包含元素時發生的事情。

3

text-shadow

向文本添加陰影。

3

text-wrap

規定文本的換行規則。

3

word-break

規定非中日韓文本的換行規則。

3

word-wrap

允許對長的不可分割的單詞進行分割並換行到下一行。

3

屬性

描述

CSS

transform

向元素應用 2D 或 3D 轉換。

3

transform-origin

允許你改變被轉換元素的位置。

3

transform-style

規定被嵌套元素如何在 3D 空間中顯示。

3

perspective

規定 3D 元素的透視效果。

3

perspective-origin

規定 3D 元素的底部位置。

3

backface-visibility

定義元素在不面對螢幕時是否可見。

3

屬性

描述

CSS

transition

簡寫屬性，用於在一個屬性中設置四個過渡屬性。

3

transition-property

規定應用過渡的 CSS 屬性的名稱。

3

transition-duration

定義過渡效果花費的時間。

3

transition-timing-function

規定過渡效果的時間曲線。

3

transition-delay

規定過渡效果何時開始。

3

屬性

描述

CSS

appearance

允許您將元素設置為標準使用者介面元素的外觀

3

box-sizing

允許您以確切的方式定義適應某個區域的具體內容。

3

icon

為創作者提供使用圖示化等價物來設置元素樣式的能力。

3

nav-down

規定在使用 arrow-down 導航鍵時向何處導航。

3

nav-index

設置元素的 tab 鍵控制次序。

3

nav-left

規定在使用 arrow-left 導航鍵時向何處導航。

3

nav-right

規定在使用 arrow-right 導航鍵時向何處導航。

3

nav-up

規定在使用 arrow-up 導航鍵時向何處導航。

3

outline-offset

對輪廓進行偏移，並在超出邊框邊緣的位置繪製輪廓。

3

resize

規定是否可由使用者對元素的尺寸進行調整。

3