CSS1 テストスイート: 5.5.19 border-right


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

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

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

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

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

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

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

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

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

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

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

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