CSS1 テストスイート: 1.1 HTMLへの組み込み


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

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

<LINK rel="stylesheet" type="text/css" href="linktest.css" title="Default SS">
<LINK rel="alternate stylesheet" type="text/css" href="linktest2.css" title="Alternate SS">
@import url(imptest1.css);
@import "imptest1a.css";
UL {color: red;}
.four {color: purple;}
@import url(imptest2.css);
<!--
P.six {color: green;}
-->

この文は、リンクされたスタイルシート linktest.css により、下線がついているはずです。 このスタイルシートへの参照は、上記に示されています。

この文は、外部スタイルシート "Alternate SS" がユーザエージェント経由で選択されているのでない限り、リンクされたスタイルシート linktest2.css により、下線がついていないはずです。

この文は紫色のはずですが、段落の終了タグがありません。

  1. このリストは紫色ではないはずです。
  2. その代わりに黒色のはずです。
  3. もし紫色でしたら、ブラウザは先行の段落を正しく解析していません。

この文は黒色のはずです。 もし赤色でしたら、ブラウザは、imptest2.css というファイルからスタイルを不適切にインポートしています。 (詳しくはCSS1仕様書の section 3.0 を見てください。)

この段落は緑色のはずです。

TABLEテストコーナー
 

この文は、リンクされたスタイルシート linktest.css により、下線がついているはずです。 このスタイルシートへの参照は、上記に示されています。

この文は、外部スタイルシート "Alternate SS" がユーザエージェント経由で選択されているのでない限り、リンクされたスタイルシート linktest2.css により、下線がついていないはずです。

  • この文は、インポートされたスタイルシート [@import url(imptest1.css);] により、緑色のはずです。
  • この文は、インポートされたスタイルシート [@import "imptest1a.css"] により、紫色のはずです。
  • この文は、STYLE 属性 [STYLE="color: green;"] により、緑色のはずです。

この文は紫色のはずですが、段落の終了タグがありません。

  1. このリストは紫色ではないはずです。
  2. その代わりに黒色のはずです。
  3. もし紫色でしたら、ブラウザは先行の段落を正しく解析していません。

この文は黒色のはずです。 もし赤色でしたら、ブラウザは、imptest2.css というファイルからスタイルを不適切にインポートしています。 (詳しくはCSS1仕様書の section 3.0 を見てください。)

この段落は緑色のはずです。


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