CSS text-indent プロパティ

❮ 前章へ 完全な CSS リファレンス 次へ ❯

全 <p> 要素の先頭行のインデントを 50 ピクセルにします:

p {
    text-indent: 50px;
}
Try it Yourself ❯

定義と用法

text-indentプロパティは、テキスト・ブロック内の先頭行のインデントを指定します。

注: 負の値が使用できます。値がマイナスの場合、先頭行は左へインデントされます。

デフォルト値: 0
継承: 継承する
アニメーション可否: 可。animatable を参照 Try it
バージョン: CSS1
JavaScript 構文: object.style.textIndent="50px" Try it

ブラウザ・サポート

表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。

プロパティ
text-indent 1.0 3.0 1.0 1.0 3.5

CSS 構文

text-indent: length|initial|inherit;

プロパティの値

説明 Play it
length px、pt、cm、em 等で固定したインデントを定義します。デフォルトは 0 です Play it ❯
% 親要素の幅の割合でインデントを定義します Play it ❯
initial プロパティにデフォルト値を設定します。initial を参照 Play it ❯
inherit このプロパティは親要素を継承します。inherit を参照

関連ページ

CSS チュートリアル: CSS Text

HTML DOM リファレンス:textIndent プロパティ


❮ 前章へ 完全な CSS リファレンス 次へ ❯