下記のテキストに適用されるスタイル宣言は、つぎのとおりです。
.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テストコーナー | |
この文の最初の行は2分の1インチだけ字下げされているはずです。 この文の最初の行は2センチメートルだけ字下げされているはずです。 この文の最初の行は20ミリメートルだけ字下げされているはずです。 この文の最初の行は24ポイントだけ字下げされているはずです。 この文の最初の行は2パイカだけ字下げされているはずです。 この文の最初の行は2emだけ字下げされているはずです。 この文の最初の行は2exだけ字下げされているはずです。 この文の最初の行はページの横幅の半分だけ字下げされているはずですが、残りはページの普通の左マージンに揃っているはずです。 この文の最初の行は25ピクセルだけ字下げされているはずですが、残りはページの普通の左マージンに揃っているはずです。
行がどこから開始するかにかかわらず、 テストページの前半では、この BLOCKQUOTE 要素には、BODY 要素の幅の50%に等しいテキストインデントがあるはずです。 BLOCKQUOTE は BODY の子だからです。 後半では、BLOCKQUOTE は TABLE の子です。 | |