原文地址 10. Format of property definitions in other modules
每一個CSS屬性定義以一個關鍵信息的摘要開始,就像如下:
'property-name屬性名稱'
Value(值):
legal values & syntax 合法的值和語法
Initial(初始):
initial value 初始值
Applies to(應用到):
elements this property applies to 屬性應用的元素
Inherited(繼承):
whether the property is inherited 屬性是否繼承
Computed Value(運算值):
the computed value of the property 屬性的運算值
Percentages(百分比):
how percentage values are interpreted 百分比值如何解釋
Media(媒介):
which media groups the property applies to 屬性應用的媒介組
'border-width'
Value:
<border-width>{1,4} | inherit
Initial:
see individual properties
Applies to:
all elements
Inherited:
no
Percentages:
N/A
Media:
visual
Computed value:
see individual properties
10.1 值
這部分詳細說明了屬性的有效值的集合,有下面幾種方式來指定值類型
1.關鍵字值(例:auto,disc,等)
2.基本數據類型,出現在“<”和“>”之間的。(例:<length>, <percentage>等)。
3.具有相同范圍的值作為屬性的類型容忍同一個名稱 (例:<'border-width'> <'background-attachment'>, 等)。這樣的話,類型的名稱就是在“<”和“>”之間的屬性的名稱(連同引號)。這樣一個類型不包含值'inherit'。
編者注:border:<'border-width'>;
4.非終結符不能共享一個名稱作為屬性。這樣的話,非終結符名稱在“<”和“>”之間,就像 <border-width>。注意, <border-width> 和<'border-width'>的區別;後者依據前者來定義。
編者注:border-width:<border-width>{1,4};
這個定義裡的其他單詞都是關鍵字,必須按著原文出現,不帶引號(例:red)。斜槓(/)和逗號(,)也必須按著原文出現。
值將會按照以下方式組織:
1.幾個並列的單詞表示他們在給定的規則下必須出現。
2.一個豎槓(|)分割兩個或以上的可選項:它們其中之一必須出現,且只能出現一個。
3.一個雙豎槓(||)分割兩個或更多選項:在任何情況下,它們其中的一個或更多必須出現。
4.中括號([])表示一個組。
並列優先於雙豎槓,雙豎槓優先於豎槓。因此,下面兩行是等價的:
a b | c || d e
[ a b ] | [ c || [ d e ]]
每一類型,關鍵字,或者中括號組可能跟隨著一下的修飾符:
1.一個星號(*)表示前面的類型、單詞、或者組出現過零次或者更多。
2.一個加號(+)表示前面的類型、單詞或者組出現一次或者更多。
3.一個問號(?)表示前面的類型,單詞或者組是可選的。
4.一對用花括號包起來的數字({A,B})表示前面的類型,單詞或者組出現的次數范圍,至少A次,至多B次
下面的列子列舉了不同的值類型:
Value: N | NW | NE
Value: [ <length> | thick | thin ]{1,4}
Value: [<family-name> , ]* <family-name>
Value: <uri>? <color> [ / <color> ]?
Value: <uri> || <color>