CSS text-indent 文章にインデントを設定する

text-indentプロパティ

text-indent : 値

text-indentプロパティは、文章のインデント(字下げ)を指定します。

説明
数値+単位 指定した単位で設定します。 
数値+% 包含ブロックの幅に対する割合です。
値を継承する

文章のインデント(字下げ)を指定するサンプルです。

<style>
#p1{} /* インデント設定なし */
#p2{text-indent:25px;} /* 25pxで指定 */
#p3{text-indent:-25px;} /* -25pxで指定 */
p{border:1px solid #000;width:250px;height:50px;
margin-bottom:10px;text-indent:10px;background:LightCyan;}
</style>
<p id="p1">インデントなしです</p>
<p id="p2">インデント25pxです</p>
<p id="p3">インデント-25pxです</p>

3行目は、25pxの字下げになります。

以下のイメージになります。

関連の記事

CSS color 文字の色を指定するサンプル
CSS font-family フォントを指定するサンプル
CSS font-weight 文字の太さを指定する
CSS font-style 文字を斜体にするサンプル

△上に戻る