CSS Font Properties 字體屬性
Font Properties 屬性 | CSS Version 版本 | Compatibility 兼容性 | Inherit From Parent 繼承性 | Description 簡介 |
---|---|---|---|---|
font | CSS1/CSS2 | IE4+ , NS4+ | 有 | 複合屬性。設置或檢索對象中的文本特性 |
color | CSS1 | IE4+ , NS4+ | 有 | 檢索或設置對象的文本顏色 |
font-family | CSS1 | IE4+ , NS4+ | 有 | 設置或檢索用於對象中文本的字體名稱序列 |
font-size | CSS1 | IE4+ , NS4+ | 有 | 設置或檢索對象中的字體尺寸 |
font-size-adjust | CSS2 | NONE | 有 | 設置或檢索用於對象中文本的字體名稱序列是否強制使用同一尺寸 |
font-stretch | CSS2 | NONE | 有 | 設置或檢索用於對象中文本的文字是否橫向的拉伸變形 |
font-style | CSS1 | IE4+ , NS4+ | 有 | 設置或檢索對象中的字體樣式 |
font-weight | CSS1 | IE4+ , NS4+ | 有 | 設置或檢索對象中的文本字體的粗細 |
text-decoration | CSS1 | IE4+ , NS4+ | 無 | 檢索或設置對象中的文本的裝飾,如下劃線、閃爍等 |
text-underline-position | IE專有屬性 | IE5.5+ | 有 | 設置或檢索text-decoration屬性定義的下劃線的位置 |
text-shadow | CSS2 | NONE | 無 | 設置或檢索對象中文本的文字是否有陰影及模糊效果 |
font-variant | CSS1 | IE4+ , NS6+ | 有 | 設置或檢索對象中的文本是否爲小型的大寫字母 |
text-transform | CSS1 | IE4+ , NS4+ | 有 | 檢索或設置對象中的文本的大小寫 |
line-height | CSS1 | IE4+ , NS4+ | 有 | 檢索或設置對象的行高。即字體最底端與字體內部頂端之間的距離 |
letter-spacing | CSS1 | IE4+ , NS6+ | 有 | 檢索或設置對象中的文字之間的間隔 |
word-spacing | CSS1 | IE4+ , NS6+ | 有 | 檢索或設置對象中的單詞之間插入的空格數。對於IE4+而言僅在MAC平臺上可用 |
Text Properties 屬性 | CSS Version 版本 | Compatibility 兼容性 | Inherit From Parent 繼承性 | Description 簡介 |
---|---|---|---|---|
text-indent | CSS1 | IE4+ , NS4+ | 有 | 檢索或設置對象中的文本的縮進 |
text-overflow | IE專有屬性 | IE6+ | 無 | 設置或檢索是否使用一個省略標記(...)標示對象內文本的溢出 |
vertical-align | CSS1/CSS2 | IE4+ , NS4+ | 無 | 設置或檢索對象內容的垂直對其方式 |
text-align | CSS1 | IE4+ , NS4+ | 有 | 設置或檢索對象中文本的對齊方式 |
layout-flow | IE專有屬性 | IE5.5+ | 有 | 設置或檢索對象內文本的流動和方向 |
writing-mode | IE專有屬性 | IE5.5+ | 有 | 設置或檢索對象的內容塊固有的書寫方向 |
direction | CSS2 | IE5+ | 無 | 用於設置文本流的方向 |
unicode-bidi | CSS2 | IE5+ | 無 | 用於同一個頁面裏存在從不同方向讀進的文本顯示。與direction屬性一起使用 |
word-break | IE專有屬性 | IE5+ | 無 | 設置或檢索對象內文本的字內換行行爲。尤其在出現多種語言時 |
line-break | IE專有屬性 | IE5+ | 無 | 設置或檢索用於日文文本的換行規則 |
white-space | CSS1 | IE5.5+ , NS4+ | 有 | 設置或檢索對象內空格的處理方式 |
word-wrap | IE專有屬性 | IE5.5+ | 有 | 設置或檢索噹噹前行超過指定容器的邊界時是否斷開轉行 |
text-autospace | IE專有屬性 | IE5+ | 無 | 設置或檢索對象文本的自動空格和緊縮空格寬度調整的方式 |
text-kashida-space | IE專有屬性 | IE5.5+ | 有 | 設置或檢索如何拉伸字符來調節文本行排列 |
text-justify | IE專有屬性 | IE5+ | 無 | 設置或檢索對象內文本的對齊方式 |
ruby-align | IE專有屬性 | IE5+ | 無 | 設置或檢索通過rt對象指定的註釋文本或發音指南(參考ruby對象)的對齊位置 |
ruby-position | IE專有屬性 | IE5+ | 無 | 設置或檢索通過rt對象指定的註釋文本或發音指南(參考ruby對象)的位置 |
ruby-overhang | IE專有屬性 | IE5+ | 無 | 設置或檢索通過rt對象指定的註釋文本或發音指南(參考ruby對象)的位置 |
ime-mode | IE專有屬性 | IE5+ | 無 | 設置或檢索是否允許用戶激活輸入中文,韓文,日文等的輸入法(IME)狀態 |
layout-grid | IE專有屬性 | IE5+ | 有 | 複合屬性。設置或檢索複合文檔中指定文本字符版式的網格特性 |
layout-grid-char | IE專有屬性 | IE5+ | 有 | 設置或檢索應用於對象文本的字符網格值 |
layout-grid-char-spacing | IE專有屬性 | IE5+ | 有 | 設置或檢索字符間隔 |
layout-grid-line | IE專有屬性 | IE5+ | 有 | 設置或檢索應用於對象文本的行網格值 |
layout-grid-mode | IE專有屬性 | IE5+ | 有 | 設置或檢索文本網格版式是否使用二維 |
layout-grid-type | IE專有屬性 | IE5+ | 有 | 設置或檢索應用於對象文本的網格類型 |
Background Properties 屬性 | CSS Version 版本 | Compatibility 兼容性 | Inherit From Parent 繼承性 | Description 簡介 |
---|---|---|---|---|
background | CSS1 | IE4+ , NS4+ | 無 | 複合屬性。設置或檢索對象的背景特性 |
background-attachment | CSS1 | IE4+ , NS6+ | 無 | 設置或檢索背景圖像是隨對象內容滾動還是固定的 |
background-color | CSS1 | IE4+ , NS4+ | 無 | 設置或檢索對象的背景顏色 |
background-image | CSS1 | IE4+ , NS4+ | 無 | 設置或檢索對象的背景圖像 |
background-position | CSS1 | IE4+ , NS6+ | 無 | 設置或檢索對象的背景圖像位置 |
background-positionX | IE專有屬性 | IE5.5+ | 無 | 設置或檢索對象的背景圖像橫座標位置 |
background-positionY | IE專有屬性 | IE5.5+ | 無 | 設置或檢索對象的背景圖像縱座標位置 |
background-repeat | CSS1 | IE4+ , NS4+ | 無 | 設置或檢索對象的背景圖像是否及如何鋪排 |
layer-background-color | NS專有屬性 | NS4+ | 無 | 設置或檢索對象整個區域的背景顏色 |
layer-background-image | NS專有屬性 | NS4+ | 無 | 設置或檢索對象整個區域的背景圖像 |
Positioning Properties 屬性 | CSS Version 版本 | Compatibility 兼容性 | Inherit From Parent 繼承性 | Description 簡介 |
---|---|---|---|---|
position | CSS2 | IE4+ , NS4+ | 無 | 檢索對象的定位方式 |
z-index | CSS2 | IE4+ , NS6+ | 無 | 檢索或設置對象的層疊順序 |
top | CSS2 | IE4+ , NS4+ | 無 | 檢索或設置對象與其最近一個定位的父對象頂部相關的位置 |
right | CSS2 | IE5+ | 無 | 檢索或設置對象與其最近一個定位的父對象右邊相關的位置 |
bottom | CSS2 | IE5+ | 無 | 檢索或設置對象與其最近一個定位的父對象底邊相關的位置 |
left | CSS2 | IE4+ , NS4+ | 無 | 檢索或設置對象與其最近一個定位的父對象左邊相關的位置 |
Dimensions Properties 屬性 | CSS Version 版本 | Compatibility 兼容性 | Inherit From Parent 繼承性 | Description 簡介 |
---|---|---|---|---|
height | CSS1 | IE4+ , NS6+ | 無 | 檢索或設置對象的高度 |
max-height | CSS2 | NONE | 無 | 設置或檢索對象的最大高度 |
min-height | CSS2 | IE6+ | 無 | 設置或檢索對象的最小高度 |
width | CSS1 | IE4+ , NS6+ | 無 | 檢索或設置對象的寬度 |
max-width | CSS2 | NONE | 無 | 設置或檢索對象的最大寬度 |
min-width | CSS2 | NONE | 無 | 設置或檢索對象的最小寬度 |
Layout Properties 屬性 | CSS Version 版本 | Compatibility 兼容性 | Inherit From Parent 繼承性 | Description 簡介 |
---|---|---|---|---|
clear | CSS1 | IE4+ , NS4+ | 無 | 該屬性的值指出了不允許有浮動對象的邊。請參閱float屬性 |
float | CSS1 | IE4+ , NS4+ | 無 | 該屬性的值指出了對象是否及如何浮動。請參閱clear屬性 |
clip | CSS2 | IE4+ , NS6+ | 無 | 檢索或設置對象的可視區域。區域外的部分是透明的 |
overflow | CSS2 | IE4+ , NS6+ | 無 | 檢索或設置當對象的內容超過其指定高度及寬度時如何管理內容 |
overflow-x | IE專有屬性 | IE4+ | 無 | 檢索或設置當對象的內容超過其指定寬度時如何管理內容 |
overflow-y | IE專有屬性 | IE4+ | 無 | 檢索或設置當對象的內容超過其指定高度時如何管理內容 |
display | CSS1/CSS2 | IE4+ , NS4+ | 無 | 設置或檢索對象是否及如何顯示 |
visibility | CSS2 | IE4+ , NS6+ | 無 | 設置或檢索是否顯示對象。與display屬性不同,此屬性爲隱藏的對象保留其佔據的物理空間 |
Margins Properties 屬性 | CSS Version 版本 | Compatibility 兼容性 | Inherit From Parent 繼承性 | Description 簡介 |
---|---|---|---|---|
margin | CSS1 | IE4+ , NS4+ | 無 | 檢索或設置對象四邊的外延邊距 |
margin-top | CSS1 | IE4+ , NS4+ | 無 | 檢索或設置對象頂邊的外延邊距 |
margin-right | CSS1 | IE4+ , NS4+ | 無 | 檢索或設置對象右邊的外延邊距 |
margin-bottom | CSS1 | IE4+ , NS4+ | 無 | 檢索或設置對象底邊的外延邊距 |
margin-left | CSS1 | IE4+ , NS4+ | 無 | 檢索或設置對象左邊的外延邊距 |
Outlines Properties 屬性 | CSS Version 版本 | Compatibility 兼容性 | Inherit From Parent 繼承性 | Description 簡介 |
---|---|---|---|---|
outline | CSS2 | NONE | 無 | 複合屬性。設置或檢索對象外的線條輪廓 |
outline-color | CSS2 | NONE | 無 | 設置或檢索對象外的線條輪廓的顏色 |
outline-style | CSS2 | NONE | 無 | 設置或檢索對象外的線條輪廓的樣式 |
outline-width | CSS2 | NONE | 無 | 設置或檢索對象外的線條輪廓的寬度 |
Borders Properties 屬性 | CSS Version 版本 | Compatibility 兼容性 | Inherit From Parent 繼承性 | Description 簡介 |
---|---|---|---|---|
border | CSS1 | IE4+ , NS4+ | 無 | 複合屬性。設置對象邊框的特性 |
border-color | CSS1 | IE4+ , NS6+ | 無 | 設置或檢索對象邊框顏色 |
border-style | CSS1 | IE4+ , NS4+ | 無 | 設置或檢索對象邊框樣式 |
border-width | CSS1 | IE4+ , NS4+ | 無 | 設置或檢索對象邊框寬度 |
border-top | CSS1 | IE4+ , NS6+ | 無 | 複合屬性。設置對象頂邊的特性 |
border-top-color | CSS2 | IE4+ , NS6+ | 無 | 設置或檢索對象頂邊顏色 |
border-top-style | CSS2 | IE4+ , NS6+ | 無 | 設置或檢索對象頂邊樣式 |
border-top-width | CSS1 | IE4+ , NS4+ | 無 | 設置或檢索對象頂邊寬度 |
border-right | CSS1 | IE4+ , NS6+ | 無 | 複合屬性。設置對象右邊的特性 |
border-right-color | CSS2 | IE4+ , NS6+ | 無 | 設置或檢索對象右邊顏色 |
border-right-style | CSS2 | IE4+ , NS6+ | 無 | 設置或檢索對象右邊樣式 |
border-right-width | CSS1 | IE4+ , NS4+ | 無 | 設置或檢索對象右邊寬度 |
border-bottom | CSS1 | IE4+ , NS6+ | 無 | 複合屬性。設置對象底邊的特性 |
border-bottom-color | CSS2 | IE4+ , NS6+ | 無 | 設置或檢索對象底邊顏色 |
border-bottom-style | CSS2 | IE4+ , NS6+ | 無 | 設置或檢索對象底邊樣式 |
border-bottom-width | CSS1 | IE4+ , NS4+ | 無 | 設置或檢索對象底邊寬度 |
border-left | CSS1 | IE4+ , NS6+ | 無 | 複合屬性。設置對象左邊的特性 |
border-left-color | CSS2 | IE4+ , NS6+ | 無 | 設置或檢索對象左邊顏色 |
border-left-style | CSS2 | IE4+ , NS6+ | 無 | 設置或檢索對象左邊樣式 |
border-left-width | CSS1 | IE4+ , NS4+ | 無 | 設置或檢索對象左邊寬度 |
Content Properties 屬性 | CSS Version 版本 | Compatibility 兼容性 | Inherit From Parent 繼承性 | Description 簡介 |
---|---|---|---|---|
include-source | CSS2 | NONE | 無 | 這個屬性插入另一個文檔到當前文檔,取代當前對象的內容 |
quotes | CSS2 | NONE | 無 | 設置或檢索對象內使用的嵌套標記 |
content | CSS2 | NONE | 無 | 用來和:after及:before 僞元素一起使用,在對象前或後顯示內容 |
counter-increment | CSS2 | NONE | 無 | 設定當一個selector發生時計數器增加的值 |
counter-reset | CSS2 | NONE | 無 | 將指定selector的計數器復位 |
Paddings Properties 屬性 | CSS Version 版本 | Compatibility 兼容性 | Inherit From Parent 繼承性 | Description 簡介 |
---|---|---|---|---|
padding | CSS1 | IE4+ , NS4+ | 無 | 檢索或設置對象四邊的補丁邊距 |
padding-top | CSS1 | IE4+ , NS4+ | 無 | 檢索或設置對象頂邊的補丁邊距 |
padding-right | CSS1 | IE4+ , NS4+ | 無 | 檢索或設置對象右邊的補丁邊距 |
padding-bottom | CSS1 | IE4+ , NS4+ | 無 | 檢索或設置對象底邊的補丁邊距 |
padding-left | CSS1 | IE4+ , NS4+ | 無 | 檢索或設置對象左邊的補丁邊距 |
Lists Properties 屬性 | CSS Version 版本 | Compatibility 兼容性 | Inherit From Parent 繼承性 | Description 簡介 |
---|---|---|---|---|
list-style | CSS1 | IE4+ , NS4+ | 有 | 複合屬性。設置列表項目相關內容 |
list-style-image | CSS1 | IE4+ , NS6+ | 有 | 設置或檢索作爲對象的列表項標記的圖像 |
list-style-position | CSS1 | IE4+ , NS6+ | 有 | 設置或檢索作爲對象的列表項標記如何根據文本排列 |
list-style-type | CSS1/CSS2 | IE4+ , NS4+ | 有 | 設置或檢索對象的列表項所使用的預設標記 |
marker-offset | CSS2 | NONE | 無 | 設置或檢索標記容器和主容器之間水平補白。即兩個容器靠近的一邊的間距 |
Table Properties 屬性 | CSS Version 版本 | Compatibility 兼容性 | Inherit From Parent 繼承性 | Description 簡介 |
---|---|---|---|---|
border-collapse | CSS2 | IE5+ | 有 | 設置或檢索表格的行和單元格的邊是合併在一起還是按照標準的HTML樣式分開 |
border-spacing | CSS2 | NONE | 有 | 設置或檢索當表格邊框獨立時,行和單元格的邊框在橫向和縱向上的間距 |
caption-side | CSS2 | NONE | 有 | 設置或檢索表格的caption對象是在表格的那一邊 |
empty-cells | CSS2 | NONE | 有 | 設置或檢索當表格的單元格無內容時,是否顯示該單元格的邊框 |
table-layout | CSS2 | IE5+ | 有 | 設置或檢索表格的佈局算法 |
speak-header | CSS2 | NONE | 有 | 設置或檢索表格頭與其後的一系列單元格發生多少次關係 |
Scrollbar Properties 屬性 | CSS Version 版本 | Compatibility 兼容性 | Inherit From Parent 繼承性 | Description 簡介 |
---|---|---|---|---|
scrollbar-3d-light-color | IE專有屬性 | IE5.5+ | 有 | 設置或檢索滾動條亮邊框顏色 |
scrollbar-highlight-color | IE專有屬性 | IE5.5+ | 有 | 設置或檢索滾動條3D界面的亮邊(ThreedHighlight)顏色 |
scrollbar-face-color | IE專有屬性 | IE5.5+ | 有 | 設置或檢索滾動條3D表面(ThreedFace)的顏色 |
scrollbar-arrow-color | IE專有屬性 | IE5.5+ | 有 | 設置或檢索滾動條方向箭頭的顏色 |
scrollbar-shadow-color | IE專有屬性 | IE5.5+ | 有 | 設置或檢索滾動條3D界面的暗邊(ThreedShadow)顏色 |
scrollbar-dark-shadow-color | IE專有屬性 | IE5.5+ | 有 | 設置或檢索滾動條暗邊框(ThreedDarkShadow)顏色 |
scrollbar-base-color | IE專有屬性 | IE5.5+ | 有 | 設置或檢索滾動條基準顏色。其它界面顏色將據此自動調整 |
Printing Properties 屬性 | CSS Version 版本 | Compatibility 兼容性 | Inherit From Parent 繼承性 | Description 簡介 |
---|---|---|---|---|
page | CSS2 | IE5.5+ | 有 | 檢索或指定顯示對象容器時使用的頁面類型(pagetype)。參閱@page規則 |
page-break-after | CSS2 | IE4+ | 無 | 檢索或設置對象後出現的頁分割符 |
page-break-before | CSS2 | IE4+ | 無 | 檢索或設置對象前出現的頁分割符 |
page-break-inside | CSS2 | NONE | 有 | 檢索或設置對象容器中出現的頁分割符 |
marks | CSS2 | NONE | 無 | 設置或檢索什麼樣的標誌是應該在頁容器外邊被給予 |
orphans | CSS2 | NONE | 有 | 設置或檢索對象內容內一定要留在一頁範圍底端以內的行的最少數量 |
size | CSS2 | NONE | 有 | 檢索或指定頁面規格的調整 |
widows | CSS2 | NONE | 有 | 檢索或指定一定要留在頁面頂部的行數 |
Aural Properties 屬性 | CSS Version 版本 | Compatibility 兼容性 | Inherit From Parent 繼承性 | Description 簡介 |
---|---|---|---|---|
voice-family | CSS2 | NONE | 有 | 設置或檢索當前聲音類型 |
volume | CSS2 | NONE | 有 | 設置或檢索音量 |
elevation | CSS2 | NONE | 有 | 設置或檢索當前聲音的音源仰角 |
azimuth | CSS2 | NONE | 有 | 設置或檢索當前聲音的音場角度 |
stress | CSS2 | NONE | 有 | 和pitch-range相似。設置或檢索當前聲音波形的最高峯值 |
richness | CSS2 | NONE | 有 | 設置或檢索當前聲音的音色 |
speech-rate | CSS2 | NONE | 有 | 設置或檢索發音速度 |
cue | CSS2 | NONE | 無 | 設置在對象前後播放的聲音 |
cue-after | CSS2 | NONE | 無 | 設置在對象後播放的聲音 |
cue-before | CSS2 | NONE | 無 | 設置在對象前播放的聲音 |
pause | CSS2 | NONE | 無 | 設置對象前後的聲音暫停 |
pause-after | CSS2 | NONE | 無 | 定義對象內容被髮音後的暫停 |
pause-before | CSS2 | NONE | 無 | 定義對象內容發音前的暫停 |
pitch | CSS2 | NONE | 有 | 設置或檢索音高 |
pitch-range | CSS2 | NONE | 有 | 設置或檢索聲音的平滑程度 |
play-during | CSS2 | NONE | 無 | 設置或檢索背景音樂的播放 |
speak | CSS2 | NONE | 有 | 設置或檢索聲音是否給出 |
speak-numeral | CSS2 | NONE | 有 | 設置或檢索數字如何發音 |
speak-punctuation | CSS2 | NONE | 有 | 設置或檢索標點符號如何發音 |
Classification Properties 屬性 | CSS Version 版本 | Compatibility 兼容性 | Inherit From Parent 繼承性 | Description 簡介 |
---|---|---|---|---|
cursor | CSS2 | IE4+ | 無 | 設置或檢索在對象上移動的鼠標指針採用何種系統預定義的光標形狀 |
filter | IE專有屬性 | IE4+ | 無 | 設置或檢索對象所應用的濾鏡效果 |
behavior | IE專有屬性 | IE5+ | 無 | 設置或檢索對象的DHTML行爲 |
zoom | IE4+ , NS6+ | IE5.5+ | 無 | 設置或檢索對象的縮放比例 |