<html xmlns="http://www.w3.org/1999/xhtml"><head></head><body><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="12" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[12]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CSS</anchor> で<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">レンダリング</anchor>の指示を行う<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">引数</anchor>のことを<dfn><ruby>特性<rt>プロパティー</rt><rt xml:lang="en">property</rt></ruby></dfn>といいます。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="15" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[15]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CSS</anchor> の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">特性</anchor>の一部は <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">SVG</anchor>、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">XSL-FO</anchor>、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">VML</anchor> といった他の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">マーク付け言語</anchor>でも利用されていますが、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">処理モデル</anchor>は必ずしも同じではありません。</p><section><h1>定義</h1><section><h1>CSS での定義</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="13" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[13]</anchor-end></p><blockquote><dl><dt>Property</dt><dd>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). </dd></dl></blockquote><dl><dt><dfn>特性</dfn></dt><dd><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CSS</anchor> は「<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">特性</anchor>」と呼ぶ、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">文書</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">レンダリング</anchor>の指示を行う有限の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">引数</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">集合</anchor>を定義しています。
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">特性</anchor>はそれぞれ<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">名前</anchor> ('<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">color</anchor>'、'<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">font</anchor>'、'<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">border</anchor>' など) と値
('<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">red</anchor>'、'12<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">pt</anchor> Times'、'<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">dotted</anchor>' など) を持ちます。<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">特性</anchor>は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">文書</anchor>の各部分や<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">文書</anchor>が表示される<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">頁</anchor>に対して、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">詳細度</anchor>、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">カスケード付け</anchor>、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">継承</anchor>といった仕組みによって付与されます。</dd></dl><comment-p xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:"><cite xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">Conformance: requirements and recommendations</cite> (<time xmlns="http://www.w3.org/1999/xhtml">2009-09-04 22:00:16 +09:00</time> 版) <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://www.w3.org/TR/2009/CR-CSS2-20090908/conform.html#property">http://www.w3.org/TR/2009/CR-CSS2-20090908/conform.html#property</anchor-external></comment-p></section><section><h1>SVG での定義</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="11" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[11]</anchor-end></p><blockquote><dl><dt>property</dt><dd>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.</dd></dl></blockquote><dl><dt><dfn>特性</dfn></dt><dd><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">特性</anchor>は<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">文書</anchor>がどう<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">レンダリング</anchor>されるべきかの指定を助ける<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">引数</anchor>です。
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">特性</anchor>は <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">SVG</anchor> 言語の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">要素</anchor>に対して<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">表現属性</anchor>の形で指定します。</dd></dl><comment-p xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:"><cite xmlns="http://www.w3.org/1999/xhtml">Introduction – SVG Tiny 1.2</cite> (<time xmlns="http://www.w3.org/1999/xhtml">2008-12-20 02:31:29 +09:00</time> 版) <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="http://www.w3.org/TR/2008/REC-SVGTiny12-20081222/intro.html#TermProperty">http://www.w3.org/TR/2008/REC-SVGTiny12-20081222/intro.html#TermProperty</anchor-external></comment-p></section></section><section><h1>用語</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="1" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[1]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CSS</anchor> の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">特性</anchor>を、
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">物体特性</anchor>と区別するため、
<dfn><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CSS</anchor> <ruby>特性<rt>とくせい</rt><rt xml:lang="en">property</rt></ruby></dfn>ということがあります。</p><comment-p xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:"><anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="IW" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="WF2:&quot;#terminology&quot;">IW:WF2:&quot;#terminology&quot;</anchor-external></comment-p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="14" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[14]</anchor-end> 
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">JIS X 4052</anchor> で定義されている <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CSS</anchor> もどき (<code class="MIME" xml:lang="en"><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">text/jss</anchor></code>)
では<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">特性</anchor>のことを<dfn>属性</dfn>と呼んでいます。</p></section><section><h1>処理モデル</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="9" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[9]</anchor-end>
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">特性</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">値</anchor>は4段階で計算されます。<ol><li><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">指定値</anchor></li><li><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">算出値</anchor></li><li><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">使用値</anchor></li><li><anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">実際値</anchor></li></ol></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="8" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[8]</anchor-end>
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">利用者エージェント</anchor>は、<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">文書木</anchor>中のすべての<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">要素</anchor>について、その<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">媒体型</anchor>に適用されるすべての<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">特性</anchor>の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">値</anchor>を算出<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:"><strong xmlns="http://www.w3.org/1999/xhtml">しなければなりません</strong></anchor>。</p><comment-p xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:"><anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="IW" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="CSS2:&quot;cascade.html#value-stages&quot;">IW:CSS2:&quot;cascade.html#value-stages&quot;</anchor-external></comment-p></section><section><h1>実装</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="4" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[4]</anchor-end> 
<cite xml:lang="EN-US">DHTML Properties</cite>, <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">InetSDK</anchor>, <time>2024-08-17T06:06:16.000Z</time>, <time>2000-11-09T20:03:49.342Z</time> <anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://web.archive.org/web/20001109195900/http://msdn.microsoft.com/workshop/author/dhtml/reference/properties.asp#om40_prop">https://web.archive.org/web/20001109195900/http://msdn.microsoft.com/workshop/author/dhtml/reference/properties.asp#om40_prop</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="7" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[7]</anchor-end>
<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">WinIE 6</anchor> では、同じ<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">宣言ブロック</anchor>内で同じ<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">特性</anchor>が重複している場合で、後者が理解できない場合、前者の指定も有効になりません。</p><comment-p xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">例:
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="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%20%20color%3A%20abc%3B%0D%0A%7D;h=%3Cp%3EPASS%20iff%20green%3C%2Fp%3E;p=n;x=style-element</anchor-external></comment-p><p>違う<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">宣言ブロック</anchor>なら正しく後の<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">宣言</anchor>が有効になります。</p><comment-p xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:10:">例:
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="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">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</anchor-external></comment-p></section><section><h1>関連</h1><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="16" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[16]</anchor-end> <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CSS特性</anchor>は <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CSSOM</anchor> 上で <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">IDL属性</anchor>として<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">反映</anchor>されます。更に <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">CSSOM</anchor>
上の <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">IDL属性</anchor>は <anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">JavaScript束縛</anchor>で<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">物体特性</anchor>として実装されます。</p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="2" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[2]</anchor-end> <cite xml:lang="en">CSS Indexes</cite>
(<time>2015-12-19 05:33:14 +09:00</time> 版)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://drafts.csswg.org/indexes/#properties">https://drafts.csswg.org/indexes/#properties</anchor-external></p><p><anchor-end xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:anchor="3" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:">[3]</anchor-end> <cite xml:lang="en"><strong>[</strong>cssom<strong>]</strong> Include vendor-prefixed properties in &quot;supported CSS property&quot;</cite>
(<anchor xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:">zcorpan</anchor>著, <time>2016-08-11 17:17:01 +09:00</time>)
<anchor-external xmlns="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resScheme="URI" xmlns:a0="urn:x-suika-fam-cx:markup:suikawiki:0:9:" a0:resParameter="https://github.com/w3c/csswg-drafts/commit/e2f369bdd8569e7e34910fe8dbaf2aa2920bdaa2">https://github.com/w3c/csswg-drafts/commit/e2f369bdd8569e7e34910fe8dbaf2aa2920bdaa2</anchor-external></p></section></body></html>