Edit

Page

Page title:

Page body:

[12] [[CSS]] で[[レンダリング]]の指示を行う[[引数]]のことを[DFN[[RUBY[特性][プロパティー]@en[property]]]]といいます。

[15] [[CSS]] の[[特性]]の一部は [[SVG]]、[[XSL-FO]]、[[VML]] といった他の[[マーク付け言語]]でも利用されていますが、
[[処理モデル]]は必ずしも同じではありません。

* 定義

** CSS での定義

[13]
>
:Property:    CSS defines a finite set of parameters, called properties, that direct the rendering of a document. Each property has a name (e.g., 'color', 'font', or border') and a value (e.g., 'red', '12pt Times', or 'dotted'). Properties are attached to various parts of the document and to the page on which the document is to be displayed by the mechanisms of specificity, cascading, and inheritance (see the chapter on Assigning property values, Cascading, and Inheritance).

:[DFN[特性]]:[[CSS]] は「[[特性]]」と呼ぶ、[[文書]]の[[レンダリング]]の指示を行う有限の[[引数]]の[[集合]]を定義しています。
[[特性]]はそれぞれ[[名前]] ('[[color]]'、'[[font]]'、'[[border]]' など) と値
('[[red]]'、'12[[pt]] Times'、'[[dotted]]' など) を持ちます。[[特性]]は[[文書]]の各部分や[[文書]]が表示される[[頁]]に対して、
[[詳細度]]、[[カスケード付け]]、[[継承]]といった仕組みによって付与されます。

;; [CITE@en[Conformance: requirements and recommendations]] ([TIME[2009-09-04 22:00:16 +09:00]] 版) <http://www.w3.org/TR/2009/CR-CSS2-20090908/conform.html#property>

** SVG での定義

[11]
>
: property:    A property is a parameter that helps specify how a document should be rendered. A complete list of the SVG properties can be found in the Attribute and Property Table appendix. Properties are assigned to elements in the SVG language by presentation attributes. See Styling.

:[DFN[特性]]:[[特性]]は[[文書]]がどう[[レンダリング]]されるべきかの指定を助ける[[引数]]です。
[[特性]]は [[SVG]] 言語の[[要素]]に対して[[表現属性]]の形で指定します。

;; [CITE[Introduction – SVG Tiny 1.2]] ([TIME[2008-12-20 02:31:29 +09:00]] 版) <http://www.w3.org/TR/2008/REC-SVGTiny12-20081222/intro.html#TermProperty>

* 用語

[1] [[CSS]] の[[特性]]を、
[[物体特性]]と区別するため、
[DFN[[[CSS]] [RUBY[特性][とくせい]@en[property]]]]ということがあります。

;; <IW:WF2:"#terminology">

[14] 
[[JIS X 4052]] で定義されている [[CSS]] もどき ([CODE(MIME)@en[[[text/jss]]]])
では[[特性]]のことを[DFN[属性]]と呼んでいます。

* 処理モデル

[9]
[[特性]]の[[値]]は4段階で計算されます。
= [[指定値]]
= [[算出値]]
= [[使用値]]
= [[実際値]]

[8]
[[利用者エージェント]]は、[[文書木]]中のすべての[[要素]]について、その[[媒体型]]に適用されるすべての[[特性]]の[[値]]を算出[['''しなければなりません''']]。

;; <IW:CSS2:"cascade.html#value-stages">

* 実装

[4] 
[CITE@EN-US[DHTML Properties]], [[InetSDK]], [TIME[2024-08-17T06:06:16.000Z]], [TIME[2000-11-09T20:03:49.342Z]] <https://web.archive.org/web/20001109195900/http://msdn.microsoft.com/workshop/author/dhtml/reference/properties.asp#om40_prop>

[7]
[[WinIE 6]] では、同じ[[宣言ブロック]]内で同じ[[特性]]が重複している場合で、後者が理解できない場合、前者の指定も有効になりません。

;; 例:
<http://suika.fam.cx/gate/2007/cssom/viewer.en.html?c=p%20%7B%0D%0A%20%20color%3A%20green%3B%0D%0A%20%20color%3A%20abc%3B%0D%0A%7D;h=%3Cp%3EPASS%20iff%20green%3C%2Fp%3E;p=n;x=style-element>

違う[[宣言ブロック]]なら正しく後の[[宣言]]が有効になります。

;; 例:
<http://suika.fam.cx/gate/2007/cssom/viewer.en.html?c=p%20%7B%0D%0A%20%20color%3A%20green%3B%0D%0A%7D%0D%0Ap%20%7B%0D%0A%20%20color%3A%20abc%3B%0D%0A%7D;h=%3Cp%3EPASS%20iff%20green%3C%2Fp%3E;p=n;x=style-element>

* 関連

[16] [[CSS特性]]は [[CSSOM]] 上で [[IDL属性]]として[[反映]]されます。更に [[CSSOM]]
上の [[IDL属性]]は [[JavaScript束縛]]で[[物体特性]]として実装されます。

[2] [CITE@en[CSS Indexes]]
([TIME[2015-12-19 05:33:14 +09:00]] 版)
<https://drafts.csswg.org/indexes/#properties>

[3] [CITE@en['''['''cssom''']''' Include vendor-prefixed properties in "supported CSS property"]]
([[zcorpan]]著, [TIME[2016-08-11 17:17:01 +09:00]])
<https://github.com/w3c/csswg-drafts/commit/e2f369bdd8569e7e34910fe8dbaf2aa2920bdaa2>

Historical Legal Sensitive Parent: [Help / License]

Edit

Page

Page name(s)