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 |
- これはリスト項目です...
- ...そしてこれは...
- ...別のリストで...
- ...リスト項目の中にネストされています。
- これは別のリスト項目です。
- この「親」リストにあるリスト項目にはそれぞれ、medium 幅のボーダーが右側にあり、色は3色に分かれています。
最初の項目のボーダーは、ネストされているリストにはボーダースタイルが設定されていませんけれども、ネストされているリストの高さ全体にわたる(「...リスト項目の中にネストされています。」という行のベースラインの近くで終わる)はずです。
ボーダーは、文書の本体の右縁で一つに並ぶはずです。
リスト要素はそれぞれが 100% のデフォルト幅をとるからです。
TABLEテストコーナー |
|
このページにあるテーブルセルにはすべて、その右側に2ピクセル幅の緑色の無地ボーダーがあるはずですので注意してください。
このボーダーは、セルにだけ適用され、セルを含んでいる行には適用されません。
この段落には、10ピクセル幅の紫色で二重線の右ボーダーがあるはずです。
この段落には thin 幅で紫色の右ボーダーがあるはずです。
このテーブルの中にあるセルごとに、2ピクセル幅の緑色で無地の右ボーダーがあるはずです。
これは、テストページの後半にあるテーブルテストコーナーにも当てはまります。
|
セル 1 | セル 2 |
- これはリスト項目です...
- ...そしてこれは...
- ...別のリストで...
- ...リスト項目の中にネストされています。
- これは別のリスト項目です。
- この「親」リストにあるリスト項目にはそれぞれ、medium 幅のボーダーが右側にあり、色は3色に分かれています。
最初の項目のボーダーは、ネストされているリストにはボーダースタイルが設定されていませんけれども、ネストされているリストの高さ全体にわたる(「...リスト項目の中にネストされています。」という行のベースラインの近くで終わる)はずです。
ボーダーは、文書の本体の右縁で一つに並ぶはずです。
リスト要素はそれぞれが 100% のデフォルト幅をとるからです。
|
[戻る] [進む] [セクション] [目次] [仕様書]