特徵值表示法

長度 | 百分比 | URI | 計數器 | 顏色 | 角度 | 時間 | 頻率 | 字串

長度

長度的格式為，一數值加上單位符號。數值可是整數或有小數點，前可加上 + 或 -。長度分為：

1. 絕對長度：只能用在特定的輸出裝置。in，英吋。cm，公分。mm，公厘。pt，等於 1/72 英吋。pc，等於 12 pt。
2. 相對長度：可在不同的輸出裝置轉換。em 是元素字型的大小（1em 等於 font-size）。ex 是小寫字母的高度（1ex 等於 x-height）。px 是圖素。ch 是字母 0 的寬度，限 Firefox 使用。

<style type='text/css'> .len DIV {background:blue; float:left; margin:0 4px; padding:0; } </style> <div class=len> <div style='height:1in'>1 in</div> <div style='height:72pt'>72 pt</div> <div style='height:6pc'>6 pc</div> <div style='height:1cm'>1 cm</div> <div style='height:10mm'>10 mm</div> <div style='height:10px'>10 px</div> <div style='height:1em'>1 EM</div> <div style='height:1ex'>1 ex</div> <div style='height:1ch'>1 ch</div> </div>

• 範例中的尺寸在不同螢幕或印表機，可能會有不同。

百分比

百分比的格式為，一數值加上 %。數值前可加上 + 或 -。 百分比必須代表某一數值的比例，例如父元件的寬度。

<style type='text/css'> div.prc { width:50% } </style> <div class='prc' style='background:red'> Not ask what your country can do for you, ask what you can do for your country. <div class='prc' style='background:blue'> 射擊遊戲, 好玩遊戲, 益智遊戲, 賽車遊戲, 越野遊戲, 武打遊戲, 小遊戲, 線上遊戲。 </div> </div>

• 範例中，第二個 DIV 元件的寬度，是第一個 DIV 元件（父元件）的 50%。

URI

URI 指到資源的位址。請參考 說明與範例。

計數器

可用來計算章節或頁數。請參考 說明與範例。

顏色

顏色有七種表示法，請參考 說明與範例。

角度

角度用在聽覺的風格表。 其值為數值加上單位：deg（deree, 度）或 grad（）或 rad（radian, 弧度）。 數值可加上 + 或 -。

時間

時間用在聽覺的風格表。 其值為數值加上單位：ms（百萬分之一秒）或 s（秒）。不可是負值。

頻率

頻率用在聽覺的風格表。 其值為數值加上單位：Hz（赫茲）或 kHz（千赫茲）。不可是負值。

字串

字串可用雙引號 " 或單引號 ' 來定義。在字串中可以使用脫離字”\”，定義單引號（\'）或雙引號（\"）。例如：

"子曰：\"學而時習之，不亦說乎？\"。"

字串中可加入跳行（newline），用 \A，A 是跳行的 ASCII 碼。

字串本身太長時可在行尾加上 ”\” 分成多行。