スポンサード リンク
text-indentプロパティ
段落の1行目を字下げします使い方(書式)
セレクタ { text-indent: 値; }
プロパティ
対応ブラウザ | |
適用できる要素 | ブロック要素 |
子要素へのスタイルの継承 | する |
プロパティの値 | 説明 |
単位 | px、emなどの単位 |
% | パーセンテージ |
実際の指定方法
長さの単位で指定
.hoge { text-indent: 1em; } /* 1文字分字下げする */
パーセンテージで指定
.hoge2 { text-indent: 6px; } /* 6px分字下げする */
html部分
<p class="hoge">あのね。1文字目がね、字下げするのよ。値は1em<br>2行目なの</p> <p class="hoge2">あのね。1文字目がね、字下げするのよ。値は6px<br>2行目なの</p>
実際の表示
あのね。1文字目がね、字下げするのよ。値は1em
2行目なの
あのね。1文字目がね、字下げするのよ。値は6px
2行目なの