CSS1 テストスイート: 5.5.21 border-left


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

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

P {margin-left: 20px;}
.one {border-left: purple double 10px;}
.two {border-left: purple thin solid;}
.threea {border-left: black medium solid;}
.threeb {border-left: purple medium solid;}
.threec {border-left: blue medium solid;}
TD {border-left: green 2px solid;}

このページにあるテーブルセルにはすべて、その左側に2ピクセル幅で緑色の無地ボーダーがあるはずですので注意してください。 このボーダーは、セルにだけ適用され、セルを含んでいる行には適用されません。

この段落には、10ピクセル幅の紫色で二重線の左ボーダーがあるはずです。

この段落には thin 幅で紫色の左ボーダーがあるはずです。

このテーブルの中にあるセルごとに、2ピクセル幅の無地で緑色の左ボーダーがあるはずです。 これは、テストページの後半にあるテーブルテストコーナーにも当てはまります。
セル 1セル 2
単一セルのテーブルがネストされています!
TABLEテストコーナー
 

このページにあるテーブルセルにはすべて、その左側に2ピクセル幅で緑色の無地ボーダーがあるはずですので注意してください。 このボーダーは、セルにだけ適用され、セルを含んでいる行には適用されません。

この段落には、10ピクセル幅の紫色で二重線の左ボーダーがあるはずです。

この段落には thin 幅で紫色の左ボーダーがあるはずです。

このテーブルの中にあるセルごとに、2ピクセル幅の無地で緑色の左ボーダーがあるはずです。 これは、テストページの後半にあるテーブルテストコーナーにも当てはまります。
セル 1セル 2
単一セルのテーブルがネストされています!
  • これはリスト項目です...
    • ...そしてこれは...
    • ...別のリストで...
    • ...リスト項目の中にネストされています。
  • これは別のリスト項目です。
  • この「親」リストにあるリスト項目にはそれぞれ、medium 幅のボーダーが左側にあり、色は3色に分かれています。 最初の項目のボーダーは、ネストされているリストにはボーダースタイルが設定されていませんけれども、ネストされているリストの高さ全体にわたる(「...リスト項目の中にネストされています。」という行のベースラインの近くで終わる)はずです。

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