【CSSリファレンス】text-indent

こんにちは（・∀・）

CSSプロパティのご紹介です。今回ご紹介するCSSプロパティはtext-indentです。

概要

text-indentプロパティを使用して文章の1行目のインデント幅を指定します。値にはマイナス値も指定できます。

.sample {
  text-indent: 1em;
}

適用要素

ブロックレベル要素
inline-blockの要素・th要素・td要素

指定できる値

数値+単位

数値+単位・%値

初期値

0

サンプル

HTML

<p>字下げ指定なし。</p>
<p class="demo">先頭１文字字下げ指定。</p>

CSS

.demo {
  text-indent: 1em;
}

Result