text-indent

テキストインデント（テキストとフォント）

意味テキストのインデント（字下げ）

text-indentとは？

text-indentプロパティは、テキストの最初の行にインデント（字下げ）を適用するために使用します。これにより、段落の最初の行だけを少し右にずらして表示することができます。

text-indentの具体的な使い方

段落の最初の行にインデントを適用する例

<style>
    p {
        text-indent: 1.5em;
    }
</style>

<p>
    この段落は最初の行にインデントが適用されています。
</p>

p（段落）要素の最初の行に、フォントサイズの1.5倍の大きさのインデントを適用します。

負のインデントを使用する例

<style>
    .negative-indent {
        text-indent: -20px;
        padding-left: 20px;
    }
</style>

<p class="negative-indent">
    この段落は最初の行が左にずれています。
</p>

負の値を使用して、最初の行を左にずらします。

text-indentに関するよくある質問

Q. text-indentの単位は？

A. px、em、rem、%など、長さを表す単位を使用できます。emはその要素のフォントサイズを基準とした相対単位です。

Q. 全ての行にインデントをつけるには？

A. text-indentは最初の行にのみ適用されます。全ての行にインデントをつけるには、paddingまたはmarginプロパティを使用してください。

text-indentが学べる書籍の紹介

「プログラミング単語帳」を使って、プログラミングの単語を英単語のように学習してみませんか？
プログラミング単語帳には、CSSのtext-indentやtext-shadow、color、text-transform、などのような実務でよく使われる単語が数百以上収録されています。
この書籍には、プログラミングの単語の意味や読み方、単語の使い方がわかる例文などが掲載されており、いつでもどこでもプログラミングの学習ができます。

よく使われる単語にだけ絞って学習することができるので、効率的にプログラミングが学習できます。