DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS進階教程 >> CSS3學習教程:CSS3屬性定義的屬性值
CSS3學習教程:CSS3屬性定義的屬性值
編輯:CSS進階教程     

原文地址 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>

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved