構文
text-indent : 字下げ;
説明文
日本語および英語など多くの言語では段落の初めを字下げ(インデント)して文書を読みやすくしている。「text-indent」では,要素内の文書の先頭を字下げする。字下げの指定には以下のような単位が利用できる。
単位 | 意味 |
---|---|
in | インチ(1インチ=25.4mm) |
cm | センチ・メートル |
mm | ミリ・メートル |
pt | ポイント(72ポイント=1インチ) |
pc | パイカ(1パイカ=12ポイント) |
px | ディスプレイの表示に利用する画素(ピクセル) |
em | 要素で指定されているフォントのサイズを基準とした倍数。例えば,12ptのサイズを指定している要素に2emを指定すると,倍の24ptとなる |
ex | 要素で指定されている小文字フォントのサイズを基準とした倍数 |
% | 親要素を基準とした割合 |
また,マイナスの値を指定すると,左側に文字列が移動する。ボックス状の要素でマイナスの値を指定すると,左側にボックスから飛び出してしまう。もし,飛び出したくない場合は「padding」で左側に余白を用意しておくとよい。
使用例
● CSSの定義
p { text-indent : 1em; }
● HTMLの例
<p>文書がWebブラウザの端まで達すると次の行に文書に折り返す。その際,文書に
インデントを指定することができる。インデントの量は,スタイルシートの
「text-indent」で指定する。例えば「text-indent:1em;」と指定すれば,
1文字分インデントされる。</p>
● 表示結果