【CSS】text-indent - テキストのインデント
CSSのtext-indentプロパティについてご紹介します。
text-indent
text-indentは1行目のテキストの字下げを示すプロパティです。
基本構文
text-indent: 値;
サンプル
字下げ(px)
<style>
p {
text-indent: 10px;
}
</style>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
字下げ(em)
<style>
p {
text-indent: 1.0em;
}
</style>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>
字下げ(%)
<style>
p {
text-indent: 3%;
}
</style>
<p>text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text text</p>