XML - 資料交換管理/CSS/參考
< XML - 資料交換管理 | CSS
背景 · 背景附件 · 背景顏色 · 背景影像 · 背景位置 · 背景重複 · 邊框塌陷 · 邊框顏色 · 邊框間距 · 底部 · 標題位置 · 清除 · 裁剪 · 顏色 · 內容 · 計數器增量 · 計數器重置 · 游標 · 方向 · 顯示 · 空單元格 · 字型 · 字型大小調整 · 字型拉伸 · 字型樣式 · 字型變體 · 高度 · 左邊 · 字母間距 · 換行符 · 行高 · 列表樣式 · 列表樣式影像 · 列表樣式位置 · 列表樣式型別 · 標記偏移 · 最大高度 · 最大寬度 · 最小高度 · 最小寬度 · 輪廓 · 輪廓顏色 · 輪廓樣式 · 輪廓寬度 · 溢位 · 位置 · 引號 · 右邊 · 紅寶石對齊 · 紅寶石懸垂 · 紅寶石位置 · 表格佈局 · 文字自動間距 · 文字縮排 · 文字對齊 · 文字裝飾空間 · 文字陰影 · 文字轉換 · 文字下劃線位置 · 頂部 · Unicode 雙向 · 垂直對齊 · 可見性 · 語音家族 · 音量 · 空白符 · 寡婦 · 寬度 · 斷詞 · 字間距 · 字詞換行
CSS 中的大小（寬度，高度，字型大小，邊框寬度）採用數字後跟以下單位識別符號之一。
| 畫素 | 畫素，相對於螢幕解析度 | |
| % | 百分比，相對於容器 | |
| 皮卡 | 皮卡，絕對排版單位 (1pc = 12pt) | |
| 點 | 點，絕對排版單位 (1pt=1/72in) | |
| em | 大寫字母 M 的高度，相對於容器的字型大小 | |
| ex | 小寫字母 x 的高度，相對於容器的字型大小 | |
| 毫米 | 毫米，絕對公制單位 | |
| 釐米 | 釐米，絕對公制單位 | |
| 英寸 | 英寸，絕對英制單位 (1in = 2.54cm) |
元件的絕對或相對頂部（y）和左邊（x）位置。
| 自動 | |
| 繼承 | |
| (大小) |
| 後面 | |
| 中心 | |
| 左中心 | |
| 右中心 | |
| 最左邊 | |
| 最右邊 | |
| 繼承 | |
| 左邊 | |
| 左側 | |
| 向左 | |
| 右邊 | |
| 右側 | |
| 向右 |
■ ■ ■ ■ ■ ■ ■ ■ ■ |
重複 | 背景影像將在垂直和水平方向上平鋪 |
■ ■ ■ |
水平重複 | 背景影像將在水平方向上重複。細長的影像通常用於建立垂直漸變。 |
■ ■ ■ |
垂直重複 | 背景影像將在垂直方向上重複 |
| 不重複 | 背景影像將只顯示一次 |
用於邊框寬度，邊框樣式，邊框顏色的簡寫屬性，影響所有 4 個邊框。
- 如果只傳遞一個值，它將影響所有 4 個邊框。
- 如果傳遞兩個值，第一個值將影響水平邊框，第二個值將影響垂直邊框。
- 如果傳遞四個值，它將按以下順序引用邊框：頂部、右邊、底部、左邊
| 無 | ||
| 隱藏 | ||
| 點狀 | ||
| 虛線 | ||
| 實線 | ||
| 雙線 | ||
| 凹槽 | ||
| 凸起 | ||
| 內嵌 | ||
| 外嵌 |
- 如果只傳遞一個值，它將影響所有 4 個邊框。
- 如果傳遞兩個值，第一個值將影響水平邊框，第二個值將影響垂直邊框。
- 如果傳遞四個值，它將按以下順序引用邊框：頂部、右邊、底部、左邊
| 細 | 定義細邊框。 |
| 中等 | 定義中等邊框。 |
| 粗 | 定義粗邊框。 |
| (大小) | 允許您定義邊框的厚度。 |
| 底部 | |
| 繼承 | |
| 左邊 | |
| 右邊 | |
| 頂部 |
| 兩者 | |
| 繼承 | |
| 左邊 | |
| 無 | |
| 右邊 |
CSS 顏色值可以用 RGB、HEX 或名稱定義。系統顏色基於客戶端使用者介面中使用的顏色。有關更多資訊，請參見顏色列表。
| rgb(RRR,GGG,BBB) | 每個部分都是 0 到 255 之間的整數。示例：rgb(127,0,255) | |
| #RRGGBB | 每個部分都是 00 到 FF 之間的十六進位制整數值。示例：#AABBCC | |
| 淡藍色 | #F0F8FF | |
| 古董白 | #FAEBD7 | |
| 淺綠色 | #00FFFF | |
| 碧綠色 | #7FFFD4 | |
| 天藍色 | #F0FFFF | |
| 米色 | #F5F5DC | |
| 淡黃色 | #FFE4C4 | |
| 黑色 | #000000 | |
| 淡杏仁 | #FFEBCD | |
| 藍色 | #0000FF | |
| 藍紫色 | #8A2BE2 | |
| 棕色 | #A52A2A | |
| 淺褐色 | #DEB887 | |
| 暗藍色 | #5F9EA0 | |
| 黃綠色 | #7FFF00 | |
| 巧克力色 | #D2691E | |
| 珊瑚色 | #FF7F50 | |
| 矢車菊藍 | #6495ED | |
| 玉米絲色 | #FFF8DC | |
| 猩紅色 | #DC143C | |
| 青色 | #00FFFF | |
| 深藍色 | #00008B | |
| 深青色 | #008B8B | |
| 暗金色 | #B8860B | |
| 深灰色 | #A9A9A9 | |
| 深綠色 | #006400 | |
| 深卡其色 | #BDB76B | |
| 深洋紅 | #8B008B | |
| 深橄欖綠 | #556B2F | |
| 深橙色 | #FF8C00 | |
| 深蘭花色 | #9932CC | |
| 深紅色 | #8B0000 | |
| 暗鮭魚色 | #E9967A | |
| 暗海綠色 | #8FBC8B | |
| 深石板藍 | #483D8B | |
| 深石板灰 | #2F4F4F | |
| 深綠松石色 | #00CED1 | |
| 深紫色 | #9400D3 | |
| 深粉色 | #FF1493 | |
| 深天藍色 | #00BFFF | |
| 暗淡灰色 | #696969 | |
| 道奇藍 | #1E90FF | |
| 磚紅色 | #B22222 | |
| 花白色 | #FFFAF0 | |
| 森林綠 | #228B22 | |
| 紫紅色 | #FF00FF | |
| 銀灰色 | #DCDCDC | |
| 幽靈白 | #F8F8FF | |
| 金色 | #FFD700 | |
| 金黃色 | #DAA520 | |
| 灰色 | #808080 | |
| 綠色 | #008000 | |
| 黃綠色 | #ADFF2F | |
| 蜜瓜色 | #F0FFF0 | |
| 熱粉色 | #FF69B4 | |
| 印度紅 | #CD5C5C | |
| 靛藍色 | #4B0082 | |
| 象牙色 | #FFFFF0 | |
| 卡其色 | #F0E68C | |
| 薰衣草紫 | #E6E6FA | |
| 淡紫紅色 | #FFF0F5 | |
| 草綠色 | #7CFC00 | |
| 檸檬薄紗色 | #FFFACD | |
| 淡藍色 | #ADD8E6 | |
| 淡珊瑚色 | #F08080 | |
| 淡青色 | #E0FFFF | |
| 淡金黃色 | #FAFAD2 | |
| 淡綠色 | #90EE90 | |
| 淺灰色 | #D3D3D3 | |
| 淡粉色 | #FFB6C1 | |
| 淺鮭魚色 | #FFA07A | |
| 淺海綠色 | #20B2AA | |
| 淺天藍色 | #87CEFA | |
| 淺石板灰 | #778899 | |
| 淺鋼藍色 | #B0C4DE | |
| 淺黃色 | #FFFFE0 | |
| 酸橙色 | #00FF00 | |
| 青綠色 | #32CD32 | |
| 亞麻色 | #FAF0E6 | |
| 洋紅 | #FF00FF | |
| 栗色 | #800000 | |
| 中綠色 | #66CDAA | |
| 中藍色 | #0000CD | |
| 中蘭花色 | #BA55D3 | |
| 中紫色 | #9370DB | |
| 中海綠色 | #3CB371 | |
| 中石板藍 | #7B68EE | |
| 中春綠色 | #00FA9A | |
| 中綠松石色 | #48D1CC | |
| 中紫紅色 | #C71585 | |
| 午夜藍 | #191970 | |
| 薄荷色 | #F5FFFA | |
| 霧玫瑰色 | #FFE4E1 | |
| 鹿皮色 | #FFE4B5 | |
| 納瓦霍白 | #FFDEAD | |
| 海軍藍 | #000080 | |
| 舊蕾絲色 | #FDF5E6 | |
| 橄欖色 | #808000 | |
| 橄欖褐色 | #6B8E23 | |
| 橙色 | #FFA500 | |
| 橙紅色 | #FF4500 | |
| 蘭花色 | #DA70D6 | |
| 淡金黃色 | #EEE8AA | |
| 淡綠色 | #98FB98 | |
| 淡綠松石色 | #AFEEEE | |
| 淡紫紅色 | #DB7093 | |
| 木瓜色 | #FFEFD5 | |
| 桃子色 | #FFDAB9 | |
| 秘魯色 | #CD853F | |
| 粉色 | #FFC0CB | |
| 李子色 | #DDA0DD | |
| 粉藍色 | #B0E0E6 | |
| 紫色 | #800080 | |
| 紅色 | #FF0000 | |
| 玫瑰褐色 | #BC8F8F | |
| 寶藍色 | #041690 | |
| 馬鞍褐色 | #8B4513 | |
| 鮭魚色 | #FA8072 | |
| 沙褐色 | #F4A460 | |
| 海綠色 | #2E8B57 | |
| 貝殼色 | #FFF5EE | |
| 赭色 | #A0522D | |
| 銀色 | #C0C0C0 | |
| 天藍色 | #87CEEB | |
| 石板藍 | #6A5ACD | |
| 石板灰 | #708090 | |
| 雪白色 | #FFFAFA | |
| 春綠色 | #00FF7F | |
| 鋼藍色 | #4682B4 | |
| 棕褐色 | #D2B48C | |
| 藍綠色 | #008080 | |
| 薊色 | #D8BFD8 | |
| 西紅柿色 | #FF6347 | |
| 綠松石色 | #40E0D0 | |
| 紫羅蘭色 | #EE82EE | |
| 小麥色 | #F5DEB3 | |
| 白色 | #FFFFFF | |
| 煙白色 | #F5F5F5 | |
| 黃色 | #FFFF00 | |
| 黃綠色 | #9ACD32 |
| 透明 | 透明 | 
|
|
|
|
|
|
|
| |
| 活動邊框 | 活動視窗邊框。 | |||||||||
| 活動標題 | 活動視窗標題。（標題欄） | |||||||||
| 應用程式工作區 | 多文件介面 (MDI) 的背景色。 | |||||||||
| 背景 | 桌面背景。 | |||||||||
| 按鈕面 | 三維顯示元素的面部顏色。 | |||||||||
| 按鈕高亮 | 三維顯示元素的高亮顏色（用於遠離光源的邊緣）。 | |||||||||
| 按鈕陰影 | 三維顯示元素的陰影顏色。 | |||||||||
| 按鈕文字 | 按鈕上的文字。 | |||||||||
| 標題文字 | 標題（標題欄）、大小框和捲軸箭頭框中的文字。 | |||||||||
| 灰色文字 | 灰顯（停用）文字。如果當前顯示驅動程式不支援純灰色，則此顏色設定為 #000。 | |||||||||
| 高亮 | 控制元件中選定的專案。 | |||||||||
| 高亮文字 | 控制元件中選定專案的文字。 | |||||||||
| 非活動邊框 | 非活動視窗邊框。 | |||||||||
| 非活動標題 | 非活動視窗標題（標題欄）。 | |||||||||
| 非活動標題文字 | 非活動標題（標題欄）中文字的顏色。 | |||||||||
| 資訊背景 | 工具提示控制元件的背景色。 | |||||||||
| 資訊文字 | 工具提示控制元件的文字顏色。 | |||||||||
| 選單 | 選單背景。 | |||||||||
| 選單文字 | 選單中的文字。 | |||||||||
| 捲軸 | 捲軸灰色區域。 | |||||||||
| 三維暗陰影 | 三維顯示元素的深陰影。 | |||||||||
| 三維面 | 三維顯示元素的面部顏色。 | |||||||||
| 三維高亮 | 三維顯示元素的高亮顏色。 | |||||||||
| 三維淺陰影 | 三維顯示元素的淺色（用於面向光源的邊緣）。 | |||||||||
| 三維陰影 | 三維陰影 | |||||||||
| 視窗 | 視窗背景。 | |||||||||
| 視窗框架 | 視窗框架。 | |||||||||
| 視窗文字 | 視窗中的文字。 |
浮動
[edit | edit source]| 無 | |
| 左邊 | |
| 右邊 |
字體系列
[edit | edit source]| 字體系列 | 草書 | 客戶端計算機上的預設草書字型 |
| 字體系列 | 奇幻 | 客戶端計算機上的預設奇幻字型 |
| 字體系列 | 等寬 | 客戶端計算機上的預設等寬字型 |
| 字體系列 | 無襯線 | 客戶端計算機上的預設無襯線字型 |
| 字體系列 | 襯線 | 客戶端計算機上的預設襯線字型 |
| 字體系列 | （字型名稱） | 示例：Impact |
| 字體系列 | （字型名稱的 csv 列表） | 示例：Verdana,Arial,Helvetica,sans-serif |
| 字體系列 | （字型名稱的 csv 列表） | 示例：'Times New Roman',serif |
| 字體系列 | （字型名稱的 csv 列表） | 示例：'Courier New',Courier,monospace |
字型大小
[edit | edit source]| 字型大小 | (大小) | 示例：11px |
| 字型大小 | 極小 | 相對於預設值非常小 |
| 字型大小 | 特小 | 相對於預設值額外小 |
| 字型大小 | 更小 | 小於預設值 |
| 字型大小 | 小 | 小 |
| 字型大小 | 繼承 | 繼承父級的字型大小或預設大小 |
| 字型大小 | 中等 | 中等 |
| 字型大小 | 更大 | 大於預設值 |
| 字型大小 | 大 | 大 |
| 字型大小 | 特大 | 相對於預設值額外大 |
| 字型大小 | 極大 | 相對於預設值非常大 |
字型樣式
[edit | edit source]| 正常 | 正常 |
| 斜體 | 斜體 |
| 傾斜 | 斜體的變體 |
字型變體
[edit | edit source]| 正常 | 瀏覽器顯示正常字型 |
| 小型大寫字母 | 瀏覽器顯示小型大寫字母字型 |
字型粗細
[edit | edit source]| 100 | |
| 200 | |
| 300 | |
| 400 | |
| 500 | |
| 600 | |
| 700 | |
| 800 | |
| 900 | |
| 粗體 | |
| 更粗 | |
| 更細 | |
| 正常 |
位置
[edit | edit source]| 繼承 | |
| 絕對 | |
| 固定 | |
| 相對 | |
| 靜態 |
文字對齊
[edit | edit source]ABCDEFGHI
JKMLN OPQRSTUVW XYZ01 23456789 |
繼承 | 從容器繼承 |
ABCDEFGHI
JKMLN OPQRSTUVW XYZ01 23456789 |
左邊 | 左（在 LTR 語言中為預設值） |
ABCDEFGHI
JKMLN OPQRSTUVW XYZ01 23456789 |
中心 | 中心 |
ABCDEFGHI
JKMLN OPQRSTUVW XYZ01 23456789 |
右邊 | 右（在 RTL 語言中為預設值） |
ABCDEFGHI
JKMLN OPQRSTUVW XYZ01 23456789 |
兩端對齊 | 在單詞之間新增空格以建立一個視覺文字塊 |
文字裝飾
[edit | edit source]| 文字裝飾 | 閃爍 | 替換 Netscape 的 <blink> 元素。 |
| 文字裝飾 | 繼承 | |
| 文字裝飾 | 刪除線 | 替換已棄用的 <s> 和 <strike> 元素。 |
| 文字裝飾 | 無 | |
| 文字裝飾 | 上劃線 | |
| 文字裝飾 | 下劃線 | 替換已棄用的 <u> 元素。 |
文字轉換
[edit | edit source]| 文字轉換 | 無 | 預設值。文字未轉換。 |
| 文字轉換 | 首字母大寫 | 將每個單詞的第一個字元轉換為大寫。 |
| 文字轉換 | 大寫 | 將所有字元轉換為大寫。 |
| 文字轉換 | 小寫 | 將所有字元轉換為小寫。 |
垂直對齊
[edit | edit source]| 基線 | 元素放置在父元素的基線上 |
| 下標 | 將元素對齊為下標 |
| 上標 | 將元素對齊為上標 |
| 頂部 | 元素的頂部與行上最高元素的頂部對齊 |
| 文字頂部 | 元素頂部與父元素字型的頂部對齊 |
| 中間 | 元素放置在父元素的中間 |
| 底部 | 元素底部與行上最低元素對齊 |
| text-bottom | 元素底部與父元素字型的底部對齊 |
| % | 將元素與行高屬性的百分比值對齊。允許負值 |
| 摺疊 | |
| 隱藏 | |
| 繼承 | |
| 可見 |
| 繼承 | |
| 響亮 | |
| 中等 | |
| 靜音 | |
| 柔和 | |
| 超響 | |
| 超柔 |
| 繼承 | |
| 正常 | |
| 不換行 | |
| 預格式化 |
| 繼承 | |
| 正常 | |
| (大小) |
| 自動 | |
| 繼承 | |
| (整數) |