下記のテキストに適用されるスタイル宣言は、つぎのとおりです。
P:first-line {color: green;}
P:first-letter {color: maroon;}
.two:first-line {font-size: 200%;}
.two:first-letter {font-size: 350%;}
P.three:first-letter {font-size: 350%;}
P.three:first-line {font-variant: small-caps;}
[訳注: アルファベットとかな漢字とで :first-letter の実装に差があるかもしれませんので、原文(アルファベット)と訳文(かな漢字)とを併置してあります。]
この段落の最初の文字は、また最初の文字だけが栗色(暗い赤色)で、最初の行全体は緑色のはずです。 この正確な組み合わせが発生しない場合には、ユーザエージェントはこのテストには不合格です。 完全なテストを保証するためには段落が2行以上に表示されなければならないことを忘れないでください。
The first letter of this paragraph, and only that one, should be maroon (dark red), while the entire first line should be green. If this precise combination does not occur, then the user agent has failed this test. Remember that in order to ensure a complete test, the paragraph must be displayed on more than one line.
この段落の最初の文字は、また最初の文字だけが、栗色で、この段落の最初の行の残りの部分よりも350%大きいはずで、また最初の行全体は緑色で、普通よりも200%大きいはずです。 この正確な組み合わせが発生しない場合には、ユーザエージェントはこのテストには不合格です。 完全なテストを保証するためには段落が2行以上に表示されなければならないことを忘れないでください。
The first letter of this paragraph, and only that one, should be 350% bigger than the rest of the first line of this paragraph and maroon (dark red), while the entire first line should be 200% bigger than normal and green. If this precise combination does not occur, then the user agent has failed this test. Remember that in order to ensure a complete test, the paragraph must be displayed on more than one line.
「私たちは引用符のサポートをチェックするべきです」と言われました。 この段落の最初の2文字 -- 二重引用符と大文字の 'W' (日本語訳ではかぎかっこと"私") -- は、栗色で、段落の残りよりも350%大きいはずです。 引用符と 'W' との両方が first-letter スタイルの中に取り込まれることは、CSS1の下では必須ではありませんが推奨されていますので注意してください。 さらに、最初の行全体は小文字で緑色のはずです。
"We should check for quotation support," it was said. The first two characters in this paragraph-- a double-quote mark and a capital 'W'-- should be 350% bigger than the rest of the paragraph, and maroon (dark red). Note that the inclusion of both the quotation mark and the 'W' in the first-letter style is not required under CSS1, but it is recommended. In addition, the entire first line should be in a small-caps font and green.
| TABLEテストコーナー | |
この段落の最初の文字は、また最初の文字だけが栗色(暗い赤色)で、最初の行全体は緑色のはずです。 この正確な組み合わせが発生しない場合には、ユーザエージェントはこのテストには不合格です。 完全なテストを保証するためには段落が2行以上に表示されなければならないことを忘れないでください。 The first letter of this paragraph, and only that one, should be maroon (dark red), while the entire first line should be green. If this precise combination does not occur, then the user agent has failed this test. Remember that in order to ensure a complete test, the paragraph must be displayed on more than one line. この段落の最初の文字は、また最初の文字だけが、栗色で、この段落の最初の行の残りの部分よりも350%大きいはずで、また最初の行全体は緑色で、普通よりも200%大きいはずです。 この正確な組み合わせが発生しない場合には、ユーザエージェントはこのテストには不合格です。 完全なテストを保証するためには段落が2行以上に表示されなければならないことを忘れないでください。 The first letter of this paragraph, and only that one, should be 350% bigger than the rest of the first line of this paragraph and maroon (dark red), while the entire first line should be 200% bigger than normal and green. If this precise combination does not occur, then the user agent has failed this test. Remember that in order to ensure a complete test, the paragraph must be displayed on more than one line. 「私たちは引用符のサポートをチェックするべきです」と言われました。 この段落の最初の2文字 -- 二重引用符と大文字の 'W' (日本語訳ではかぎかっこと"私") -- は、栗色で、段落の残りよりも350%大きいはずです。 引用符と 'W' との両方が first-letter スタイルの中に取り込まれることは、CSS1の下では必須ではありませんが推奨されていますので注意してください。 さらに、最初の行全体は小文字で緑色のはずです。 "We should check for quotation support," it was said. The first two characters in this paragraph-- a double-quote mark and a capital 'W'-- should be 350% bigger than the rest of the paragraph, and maroon (dark red). Note that the inclusion of both the quotation mark and the 'W' in the first-letter style is not required under CSS1, but it is recommended. In addition, the entire first line should be in a small-caps font and green. | |