text-indent プロパティ

プロパティ text-indent は、テキストのインデント（最初の行の字下げ）を設定します。正の値でも負の値でも指定できます。

プロパティの値には、あらゆる サイズの単位が使用できます。値に % を指定した場合、インデントはブロックの幅に対するパーセンテージとなります。デフォルト値は 0 です。

構文

cssセレクタ {
  text-indent: 値;
}

例

各段落の最初の行を 30px インデントしてみましょう：

html<p>
  some long text
</p>
<p>
  some long text
</p>

cssp {
  text-indent: 30px;
  text-align: justify;
}

Результат:

例

text-indent に負の値を設定してみましょう：

html<p>
  some long text
</p>
<p>
  some long text
</p>

cssp {
  text-indent: -10px;
  text-align: justify;
}

Результат: