CSS1 テストスイート: 5.4.7 text-indent

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

.one {text-indent: 0.5in; background: aqua;}
.two {text-indent: 2cm; background: aqua;}
.three {text-indent: 20mm; background: aqua;}
.four {text-indent: 24pt; background: aqua;}
.five {text-indent: 2pc; background: aqua;}
.six {text-indent: 2em; background: aqua;}
.seven {text-indent: 2ex; background: aqua;}
.eight {text-indent: 50%; background: aqua;}
.nine {text-indent: 25px; background: aqua;}
blockquote {text-indent: 50%; background: aqua;}

この文の最初の行は2分の1インチだけ字下げされているはずです。

この文の最初の行は2センチメートルだけ字下げされているはずです。

この文の最初の行は20ミリメートルだけ字下げされているはずです。

この文の最初の行は24ポイントだけ字下げされているはずです。

この文の最初の行は2パイカだけ字下げされているはずです。

この文の最初の行は2emだけ字下げされているはずです。

この文の最初の行は2exだけ字下げされているはずです。

この文の最初の行はページの横幅の半分だけ字下げされているはずですが、残りはページの普通の左マージンに揃っているはずです。

この文の最初の行は25ピクセルだけ字下げされているはずですが、残りはページの普通の左マージンに揃っているはずです。

行がどこから開始するかにかかわらず、
またその他どのようなマークアップが存在していても、
この文の最初の行だけは2分の1インチだけ字下げされているはずです。

テストページの前半では、この BLOCKQUOTE 要素には、BODY 要素の幅の50%に等しいテキストインデントがあるはずです。 BLOCKQUOTE は BODY の子だからです。後半では、BLOCKQUOTE は TABLE の子です。

TABLEテストコーナー