構文

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>

● 表示結果

Internet Explorerの表示例
[画像のクリックで拡大表示]
Firefoxの表示例
[画像のクリックで拡大表示]

関連項目