這是一個完整的web開發人員參考指南,我們列出了World Wide web Consortium推薦的層疊樣式表規範(Level 2)中定義的所有CSS屬性。
|
|
|
單擊任何屬性以查看其示例說明−
Sr.No. | Property & Description |
---|---|
1 | azimuth
描述聲源沿偵聽器環境水平軸的位置。 |
2 | background
以下屬性的複合屬性&負;
|
3 | background-attachment
確定背景圖像是在窗口中固定還是在文檔滾動時滾動。 |
4 | background-color
設置元素的背景色。 |
5 | background-image
設置元素的背景圖像。 |
6 | background-position
設置元素背景圖像的初始位置(如果指定);值通常配對以提供x、y位置;默認位置爲0%0%。 |
7 | background-repeat
確定如何在元素上重複(平鋪)背景圖像。 |
8 | border
設置元素的所有四個邊框;值是顏色的一個或多個、邊框寬度的值和邊框樣式的值。 |
9 | border-bottom
設置元素的下邊框;值是顏色的一個或多個、邊框底部寬度的值和邊框樣式的值。 |
10 | border-bottom-width
設置元素底部邊框的厚度。 |
11 | border-collapse
設置表邊框呈現算法。 |
12 | border-color
設置元素四個邊框的顏色;默認爲元素的顏色。 |
13 | border-left-color
設置元素左邊框的顏色;默認爲元素的顏色。 |
14 | border-right-color
設置元素右邊框的顏色;默認爲元素的顏色。 |
15 | border-top-color
設置元素頂部邊框的顏色;默認爲元素的顏色。 |
16 | border-bottom-color
設置元素底部邊框的顏色;默認爲元素的顏色。 |
17 | border-left
設置元素的左邊框;值是顏色的一個或多個、邊框左寬度的值和邊框樣式的值。 |
18 | border-left-width
設置元素左邊框的厚度。 |
19 | border-right
設置元素的右邊框;值是顏色的一個或多個、邊框右寬度的值和邊框樣式的值。 |
20 | border-right-width
設置元素右邊框的厚度。 |
21 | border-spacing
使用單獨的邊框設置邊框之間的間距。一個值設置垂直間距和水平間距,兩個值分別設置水平間距和垂直間距。 |
22 | border-style
設置元素四個邊框的樣式。 |
23 | border-top
設置元素的頂部邊框;值是顏色的一個或多個值,是邊框頂部寬度的值,是邊框樣式的值。 |
24 | border-top-width
設置元素上邊框的厚度。 |
25 | border-width
設置元素所有四個邊框的厚度。 |
26 | bottom
與position屬性一起使用以放置元素的底邊。 |
27 | caption-side
設置表格標題的位置。 |
28 | clear
設置元素的哪些邊距不能與浮動元素相鄰;該元素向下移動,直到該邊距清除爲止。 |
29 | clip
設置元素的剪裁遮罩。 |
30 | color
設置元素的顏色。 |
31 | content
在元素周圍插入生成的內容。 |
32 | counter-increment
將計數器遞增1;value是一個計數器名稱列表,每個名稱後面都有一個值,可以選擇該值的遞增方式。 |
33 | counter-reset
將計數器重置爲零;value是一個計數器名稱列表,每個名稱後面都有一個重置的值(可選)。 |
34 | cue-after
在說出某個元素後播放指定的聲音。 |
35 | cue-before
在說出某個元素之前播放指定的聲音。 |
36 | cursor
定義光標的形狀。 |
37 | direction
定義元素內容的流動方向。 |
38 | display
控制元素的顯示方式。 |
39 | elevation
設置播放聲音的高度。 |
40 | empty-cells
使用單獨的邊框,隱藏表中的空單元格。 |
41 | float
確定元素是向左還是向右浮動,允許文本環繞元素或以內聯方式顯示。 |
42 | font
設置元素的所有字體屬性。值是-;
|
43 | font-family
定義元素的字體,可以是特定字體,也可以是通用襯線、無襯線、草書、幻想和單空格之一。 |
44 | font-size
定義字體大小。 |
45 | font-size-adjust
調整當前字體的縱橫比。 |
46 | font-stretch
確定拉伸當前字體的量。 |
47 | font-style
定義面的樣式,可以是普通樣式,也可以是某種類型的傾斜樣式。 |
48 | font-variant
定義一個大寫的字體。 |
49 | font-weight
定義字體粗細。如果使用數字,則必須是100到900之間的倍數;400是正常值,700與關鍵字粗體相同。 |
50 | height
定義元素的高度。 |
51 | left
與position屬性一起使用以放置元素的左邊緣。 |
52 | letter-spacing
在文本字符之間插入額外的空格。 |
53 | line-height
設置相鄰文本基線之間的距離。 |
54 | list-style
使用-minus;的任何值定義與列表相關的樣式;
|
55 | list-style-image
定義要用作列表項標記的圖像,而不是−的值;
|
56 | list-style-position
相對於列表項的內容縮進或擴展(默認)列表項的標記。 |
57 | list-style-type
爲無序列表(圓、盤或正方形)或有序列表(十進位、loweralpha、lower roman、none、upper alpha或upper roman)定義列表項的標記。 |
58 | margin
定義元素的所有四個邊距。 |
59 | margin-bottom
定義元素的下邊距。默認值爲0。 |
60 | margin-left
定義元素的左邊距。默認值爲0。 |
61 | margin-right
定義元素的右邊距。默認值爲0。 |
62 | margin-top
定義元素的上邊距。默認值爲0。 |
63 | marker-offset
標記偏移屬性可用於項目符號列表中,用於指定標記框(或項目符號)的最近邊框邊緣與其關聯的主框之間的距離。 |
64 | marks
marks屬性用於設置分頁媒體上的裁剪標記和十字標記。這與@page規則一起使用。 |
65 | max-height
最大高度屬性用於約束元素的高度。 |
66 | max-width
max width屬性用於設置元素的最大寬度。 |
67 | min-height
最小高度屬性用於約束元素的高度。 |
68 | min-width
min width屬性用於約束元素的寬度。 |
69 | orphans
設置孤立段落片段中允許的最小行數。 |
70 | outline
outline屬性是用於指定所有outline屬性的速記屬性。 |
71 | outline-color
outline color屬性用於指定大綱的顏色。注意,與border屬性不同,outline不占用額外的空間,並且可以是非矩形的。 |
72 | outline-color-style
outline style屬性用於指定大綱的樣式。注意,與border屬性不同,outline不占用額外的空間,並且可以是非矩形的。 |
73 | outline-width
outline color屬性用於指定大綱的顏色。注意,與border屬性不同,outline不占用額外的空間,並且可以是非矩形的。 |
74 | overflow
確定溢出內容的呈現方式。 |
75 | padding
定義元素周圍的所有四個填充量。 |
76 | padding-bottom
定義元素的底部填充。默認值爲0。 |
77 | padding-left
定義元素的左填充。默認值爲0。 |
78 | padding-right
定義元素的右填充。默認值爲0。 |
79 | padding-top
定義元素的頂部填充。默認值爲0。 |
80 | page
將命名頁面布局與元素關聯。 |
81 | page-break-after
強制或禁止元素後面的分頁符。 |
82 | page-break-before
強制或禁止元素前面的分頁符。 |
83 | page-break-inside
不顯示元素中的分頁符。 |
84 | pause
pause屬性是CSS的縮寫,用於指定用於在語音媒體中指定暫停的速記屬性。 |
85 | pause-after
在說出元素後暫停媒體。 |
86 | pause-before
在發言前暫停媒體。 |
87 | pitch
設置元素口語內容的平均音調。 |
88 | pitch-range
設置音高範圍,從0(平調)到100(寬調);默認值爲50。 |
89 | play-during
如果提供了URL,則在元素的語音內容期間播放該URL,指定repeat循環音頻;mix將使其與其他背景音頻混合,而不是替換其他背景音頻。 |
90 | position
設置元素的定位模型。 |
91 | quotes
設置用於引用文本的引用符號。 |
92 | richness
設置聲音的豐富度,從0(平坦)到100(平滑);默認值爲50。 |
93 | right
與position屬性一起使用以放置元素的右邊緣。 |
94 | size
size屬性在分頁媒體中用於指定頁的大小。 |
95 | speak
確定如何說出元素的內容。 |
96 | speak-header
確定是否爲每一行或每一列或每一單元格說出一次表標題。 |
97 | speak-numeral
決定數詞的發音方式。 |
98 | speak-punctuation
確定是否使用標點符號或用於屈折。 |
99 | speech-rate
設置語音速率;數字設置每分鐘的字數速率。 |
100 | stress
設置聲音的壓力,從0(緊張)到100(過度活躍);默認值爲50。 |
101 | table-layout
確定表呈現算法。 |
102 | text-align
設置元素的文本對齊樣式。 |
103 | text-decoration
定義文本的任何修飾;可以組合值。 |
104 | text-indent
定義元素中第一行文本的縮進;默認值爲0。 |
105 | text-shadow
創建不同顏色和偏移的文本放置陰影。 |
106 | text-transform
相應地轉換元素中的文本。 |
107 | top
與position屬性一起使用以放置元素的上邊緣。 |
108 | vertical-align
設置元素的垂直位置。 |
109 | visibility
確定元素在文檔或表中是否可見。 |
110 | voice-family
選擇命名的語音族來表示元素的內容。 |
111 | volume
設置語音內容的音量;數值範圍從0到100。 |
112 | white-space
定義如何處理元素中的空白。 |
113 | widows
設置喪偶段落片段中允許的最小行數。 |
114 | width
定義元素的寬度。 |
115 | word-spacing
在單詞之間插入額外的空格。 |
116 | z-index
設置當前元素的渲染層。 |
Pseudo-classes & Pseudo-elements
Sr.No. | Property & Description |
---|---|
1 | :active
使用此類可向激活的元素添加特殊效果。 |
2 | :focus
使用此類可在元素具有焦點時向元素添加特殊效果。 |
3 | :hover
當您將滑鼠移到某個元素上時,使用該類可將特殊效果添加到該元素上。 |
4 | :link
使用此類可向未訪問的連結添加特殊效果。 |
5 | :visited
使用此類可向訪問的連結添加特殊效果。 |
6 | :first-child
使用此類可將特殊效果添加到作爲某個其他元素的第一個子元素的元素中。 |
7 | :lang
使用此類指定要在指定元素中使用的語言。 |
8 | :first-letter
使用此元素可爲文本的第一個字母添加特殊效果。 |
9 | :first-line
使用此元素可將特殊效果添加到文本的第一行。 |
10 | :before
使用此元素在元素之前插入一些內容。 |
11 | :after
使用此元素在元素後插入一些內容。 |