content

'content' プロパティー (CSS)

[5] -moz-alt-content (名無しさん [sage])

[6] プリント時にも役立っちゃうcontentプロパティさん|CSS HappyLife (2007-05-11 20:06:40 +09:00 版) <http://css-happylife.com/log/css-template/000138.shtml> (名無しさん 2007-05-11 11:08:15 +00:00)

[7] HTML5 IRC logs: freenode / #whatwg / 20070624 (2007-06-25 08:45:09 +09:00 版) <http://krijnhoetmer.nl/irc-logs/whatwg/20070624#l-292> (名無しさん 2007-06-24 23:47:02 +00:00)

[8] Bug 130689 - CSS 3 replaced content breaks some pages (2007-10-21 15:00:17 +09:00 版) <http://bugs.kde.org/show_bug.cgi?id=130689> (名無しさん)

[9] Bug 130689 - CSS 3 replaced content breaks some pages (2007-10-21 15:00:17 +09:00 版) <http://bugs.kde.org/show_bug.cgi?id=130689> (名無しさん)

[10] Firefox 2 構文解析

(名無しさん)

[11] Opera 9 構文解析

[12] Firefox 2 直列化

(名無しさん)

[13] >>12

(名無しさん)

[14] Opera 9 直列化

(名無しさん)

[15] getComputedStyle 確認用: <http://suika.fam.cx/gate/2007/cssom/viewer?c=p.test%2C%20p.test%3A%3Aafter%20%7B%0D%0A%20%20content%3A%20attr(aa)%20%22aaaaaa%22%20counter(aaa%5C%22a)%3B%0D%0A%7D;h=%3Cp%3E%3Cbutton%20type%3Dbutton%20onclick%3D%22%0D%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('p')%5B1%5D%3B%0D%0A%20%20d%20%3D%20getComputedStyle%20(el%2C%20null)%3B%0D%0A%20%20w%20(d.content)%3B%0D%0A%22%3E%3Ccode%3EgetComputedStyle%3C%2Fcode%3E%3C%2Fbutton%3E%20%3Cbutton%20type%3Dbutton%20onclick%3D%22%0D%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('p')%5B1%5D%3B%0D%0A%20%20d%20%3D%20getComputedStyle%20(el%2C%20'after')%3B%0D%0A%20%20w%20(d.content)%3B%0D%0A%22%3E%3Ccode%3EgetComputedStyle%3C%2Fcode%3E%20(%3Ccode%3E%3A%3Aafter%3C%2Fcode%3E)%3C%2Fbutton%3E%3C%2Fp%3E%0D%0A%3Cp%20class%3Dtest%3Exxxxxxxxxxxxxxx;p=n;x=style-element;i=html-div> (名無しさん)

[16] Firefox 2 では getComputedStyle 上の値は常に空文字列のようです。 (名無しさん)

[17] Opera 9 では、明示的に指定されなかったり normal が指定されたりした要素擬似要素では none (この値を直接指定することはできませんが・・・)、 それ以外は指定値になるようです。

URI構文解析時に既に絶対URI解決されています。

attr()CSS 2.1 の記述とは異なり、 そのまま残ります。

CSS 2.1 とは異なり、擬似要素でなくても normalnone に置き換えられます。また、 CSS 3 に従い、 普通の要素でも normal 以外の値がそのまま残ります。

(名無しさん)

[18] counter()attr()引数inherit があるときにおかしなことにならないものかと一応調べてみましたが、 Firefox 2、Opera 9 のどちらでも、特に変わったことはない (仕様通りの) ようです。

<http://suika.fam.cx/gate/2007/cssom/viewer?c=p%20%7B%0A%20%20content%3A%20counter(inherit)%3B%0A%7D;h=%3Cp%3E%3Cbutton%20type%3Dbutton%20onclick%3D%22%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('p')%5B1%5D%3B%0A%20%20d%20%3D%20getComputedStyle%20(el%2C%20null)%3B%0A%20%20w%20(d.content)%3B%0A%22%3E%3Ccode%3EgetComputedStyle%3C%2Fcode%3E%3C%2Fbutton%3E%20%3Cbutton%20type%3Dbutton%20onclick%3D%22%0A%20%20var%20el%20%3D%20document.getElementsByTagName%20('p')%5B1%5D%3B%0A%20%20d%20%3D%20getComputedStyle%20(el%2C%20'after')%3B%0A%20%20w%20(d.content)%3B%0A%22%3E%3Ccode%3EgetComputedStyle%3C%2Fcode%3E%20(%3Ccode%3E%3A%3Aafter%3C%2Fcode%3E)%3C%2Fbutton%3E%3C%2Fp%3E%0A%3Cp%20class%3Dtest%3Exxxxxxxxxxxxxxx;p=n;x=style-element;i=html-div> (名無しさん)

[20] User Interface Enhancements ( ( 版)) <http://www.w3.org/TR/1999/WD-css3-userint-19990916#propdef-content>

[21] User Interface for CSS3 ( ( 版)) <http://www.w3.org/TR/2000/WD-css3-userint-20000216#content>

[22] CSS3 module: Basic User Interface ( (Tantek Çelik 著, 版)) <http://www.w3.org/TR/2002/WD-css3-ui-20020802/#content>

[23] CSS3 Basic User Interface Module ( (Tantek Çelik 著, 版)) <http://www.w3.org/TR/2004/CR-css3-ui-20040511/#content0>

[24] CSS Basic User Interface Module Level 3 (CSS3 UI) ( (Tantek Çelik 著, 版)) <http://dev.w3.org/csswg/css3-ui/#content-property-addition>

[25] CSS3 Generated and Replaced Content Module ( ( 版)) <http://www.w3.org/TR/2003/WD-css3-content-20030514/#content-insert>

[26] CSS Generated Content Module Level 3 ( ( 版)) <http://dev.w3.org/csswg/css3-content/#inserting-and-replacing-content-with-the>

[27] Chrome でも Firefox でも、 counter()counters() のいずれも list-style-type つきの形に正規化されます。

[28] Firefox ではもとの関数名が保持されますが、 Chrome では counters() の第2引数が空文字列なら省略して counter() に正規化されます。

[32] >>28Chrome の動作は意味が変わってますが・・・。

[29] Chrome は正しく直列化できないことがあります。複数の値が指定されている時、空白だけでなく , を含めてしまいます。また counters() の第2引数を <string> ではなく <ident> にしてしまいます。どちらも再構文解析できなくなります。

[30] Chromeattr() の名前空間接頭辞に対応していません。 null名前空間を表す | がついているものも非妥当になります。

[31] Firefoxattr() の名前空間接頭辞に対応しているようで、 null名前空間を表す | は省略した形に正規化し、それ以外は attr(\32 5\|a) のようなおかしな形にします。