CSS1 テストスイート: 2.3 first-line


[戻る] [進む] [セクション] [目次] [仕様書]

下記のテキストに適用されるスタイル宣言は、つぎのとおりです。

P:first-line {color: green;}
.two:first-line {font-size: 200%;}
.three:first-line {font-variant: small-caps;}


この段落の最初の行は、また最初の行だけが、緑色のはずです。 この正確な組み合わせが発生しない場合には、ユーザエージェントは、このテストに不合格です。 完全なテストを確保するためには段落が2行以上に表示されていなければならないことを忘れないでください。

この段落の最初の行は、また最初の行だけが、緑色でフォントサイズも大きいはずです。 この正確な組み合わせが発生しない場合には、ユーザエージェントは、このテストに不合格です。 完全なテストを確保するためには段落が2行以上に表示されていなければならないことを忘れないでください。

この段落の最初の行は、また最初の行だけが、小文字で表示されるはずです。 そこで、最初の行が小文字ではないか、段落全体が小文字に変わっている場合には、(問題は small-caps があなたのブラウザでサポートされていないことにあるかもしれませんが)ユーザエージェントは、このテストに不合格です。 なお、このテキストは、段落が2行以上になるよう引き延ばすために組み込まれた余分なテキストです。

The first line of this paragraph, and only that one, should be displayed in small-caps style. Thus, if the first line is not in small-caps style, OR if the entire paragraph turns out in small-caps, then the user agent has failed this test (although the problem might be that small-caps is not supported by your browser). This is extra text included for the purposes of making the paragraph long enough to have more than one line.

TABLEテストコーナー
 

この段落の最初の行は、また最初の行だけが、緑色のはずです。 この正確な組み合わせが発生しない場合には、ユーザエージェントは、このテストに不合格です。 完全なテストを確保するためには段落が2行以上に表示されていなければならないことを忘れないでください。

この段落の最初の行は、また最初の行だけが、緑色でフォントサイズも大きいはずです。 この正確な組み合わせが発生しない場合には、ユーザエージェントは、このテストに不合格です。 完全なテストを確保するためには段落が2行以上に表示されていなければならないことを忘れないでください。

この段落の最初の行は、また最初の行だけが、小文字で表示されるはずです。 そこで、最初の行が小文字ではないか、段落全体が小文字に変わっている場合には、(問題は small-caps があなたのブラウザでサポートされていないことにあるかもしれませんが)ユーザエージェントは、このテストに不合格です。 なお、このテキストは、段落が2行以上になるよう引き延ばすために組み込まれた余分なテキストです。

The first line of this paragraph, and only that one, should be displayed in small-caps style. Thus, if the first line is not in small-caps style, OR if the entire paragraph turns out in small-caps, then the user agent has failed this test (although the problem might be that small-caps is not supported by your browser). This is extra text included for the purposes of making the paragraph long enough to have more than one line.


[戻る] [進む] [セクション] [目次] [仕様書]