text-indent

解説

文章の段落などの一行目のインデント幅を指定します。インデントには負の値も指定できます。

プロパティ情報

値：	長さまたはパーセンテージ
初期値：	0
適用対象：	ブロック要素
継承：	する
パーセンテージ：	ブロックの幅に対する割合
適用メディア：	視覚
レベル：	1～2

参照

text-align text-decoration text-underline-position text-indent text-autospace text-transform text-justify line-height line-break word-spacing word-break word-wrap vertical-align letter-spacing white-space

使用例

ソース

CSSの記述方法はスタイルシートってなに？も参照下さい。

p.sample1 {text-indent: 5px;}
p.sample2 {text-indent: 5em;}
p.sample3 {text-indent: 5ex;}
p.sample4 {text-indent: -5ex;}

HTMLの記述方法

<p class="sample1">
https://www.7key.jp/はリンクフリーです。
https://www.7key.jp/に掲載している情報は、
https://www.7key.jp/がその内容を必ずしも保証するものではありません。
情報の活用は利用者各自の責任の範囲内でお願いいたします。詳細は「取扱注意」を参照ください。
</p>
<p class="sample2">
https://www.7key.jp/はリンクフリーです。
https://www.7key.jp/に掲載している情報は、
https://www.7key.jp/がその内容を必ずしも保証するものではありません。
情報の活用は利用者各自の責任の範囲内でお願いいたします。詳細は「取扱注意」を参照ください。
</p>
<p class="sample3">
https://www.7key.jp/はリンクフリーです。
https://www.7key.jp/に掲載している情報は、
https://www.7key.jp/がその内容を必ずしも保証するものではありません。
情報の活用は利用者各自の責任の範囲内でお願いいたします。詳細は「取扱注意」を参照ください。
</p>
<p class="sample4">
https://www.7key.jp/はリンクフリーです。
https://www.7key.jp/に掲載している情報は、
https://www.7key.jp/がその内容を必ずしも保証するものではありません。
情報の活用は利用者各自の責任の範囲内でお願いいたします。詳細は「取扱注意」を参照ください。
</p>

表示結果

https://www.7key.jp/はリンクフリーです。 https://www.7key.jp/に掲載している情報は、 https://www.7key.jp/がその内容を必ずしも保証するものではありません。情報の活用は利用者各自の責任の範囲内でお願いいたします。詳細は「取扱注意」を参照ください。