text-indentで文章の1行目の字下げ幅を指定【CSS】

text-indentは文章の段落などの1行目の字下げ幅を指定するプロパティです。

字下げ幅（インデント幅）の値には負の値（マイナスの値）を指定することもできます。

text-indentの指定方法

text-indentでは字下げ幅を単位付きの数値で指定したり、行の幅に対する割合を%値で指定することができます。

単位に関しては、『CSSにおける長さ・大きさ・角度・時間の単位について【CSS】』の記事を参考にしてみてください。

また、次のような値も指定することができます。

each-line

「each-line」を指定すると、強制的に改行された行が字下げされます。

hanging

「hanging」を指定すると、2行目以降が字下げされます。

このような感じで字下げ幅を指定できるtext-indentプロパティはブロックレベル要素に対して指定することができます。