text-indentプロパティ

TOPページに戻る > CSS

スポンサード リンク

text-indentプロパティ

段落の1行目を字下げします
文章を読みやすくするためのプロパティです

使い方(書式)

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

プロパティ

対応ブラウザ ie6 ie7 ie8 ie9 ie10 ie11 google Chrome safari fire fox opera
適用できる要素 ブロック要素
子要素へのスタイルの継承 する

プロパティの値 説明
単位 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行目なの





(C)2012 ホームページ作成無料