text-indent

概要

text-indent はブロック要素のテキスト先頭行にインデントを適用する基本的なタイポグラフィプロパティです。段落の字下げや、リストスタイルのカスタマイズに使用されます。負の値を指定することでぶら下げインデント（ハンギングインデント）も実現可能です。

対応ブラウザ

基本構文

p {
  text-indent: 1em;
}
.hanging {
  text-indent: -2em;
  padding-left: 2em;
}

実務での使いどころ

• 段落の字下げ

  日本語の文章で段落先頭に1文字分の字下げを適用し、伝統的な組版スタイルを再現します。

注意点

アクセシビリティ

• 過度なインデントはテキストの可読性を下げる可能性があるため、適切な値（通常1〜2em）を使用してください。

参考リンク

• MDN Web Docs — text-indent
• Can I use — text-indent