CSS
The text-indent property is a CSS property used to indent (move to the right) the first line of text by a specified number of pixels.
text-indent
text-indentプロパティは、CSSでテキストのインデント(字下げ)を制御するために使用されるプロパティです。このプロパティを使用すると、段落の最初の行を指定したピクセル数だけインデントすることができます。
text-indentプロパティは、次のような構文で使用します。
CSS
selector {
text-indent: value;
}
ここで、selectorはスタイルを適用したい要素を指定します。valueはインデントの値を指定します。インデントは正の値(右にインデント)または負の値(左にインデント)で指定できます。値の単位としては、ピクセル(px)、パーセント(%)、emなどが一般的に使用されます。
例えば、段落の最初の行を 20px右にインデントするには、次のように指定します。
CSS
p {
text-indent: 20px;
}
これはインデントされたテキストです。この段落の最初の行が 20px 右にインデントされます。
この場合、p要素内の段落の最初の行が 20px右にインデントされます。
text-indentプロパティは、主に段落の最初の行を字下げするために使用されます。これにより、文章の見出しや箇条書きなどで視覚的な階層を作ることができます。また、リスト要素のマーカー(先頭記号)を左にずらすためにも使用できます。