text-indent:インデント

---

インデント：

単位つきの数値

%

text-indentプロパティで、段落(ブロック要素)にインデントを指定します。
インデントとは1行目の開始位置のことで、通常は少しスペースを開けて指定しますが、マイナス値も指定できます。
ブロック要素の種類は『ブロック要素とインライン要素』を御覧ください。

親要素のボックス領域の左端からの位置を、数値に単位をつけて指定します。
日本語で1文字分を開けたいときは、1emを指定します。
詳しいことは、『単位の指定方法』を御覧ください。
　・　{ text-indent:1em; }
　・　{ text-indent:-15pt; }

親要素のボックス領域に対する割合をパーセントで指定します。
　・　{ text-indent:50%; }
　・　{ line-height:-20%; }

text-indent : 0　(初期値)

待ちに待った猫が我が家にやってきたからといって、かまいすぎるのは避けましょう。人間でもはじめての家に行くと緊張するもの。まして、猫は親兄弟と離れて心寂しいはず。そっと家の中に放して勝手に歩き回らせましょう。好奇心の強い猫はニオイを嗅ぎながら家中を観察しはじめ、新たな環境に慣れようとします。

text-indent : 1em　(インデント：1em)

待ちに待った猫が我が家にやってきたからといって、かまいすぎるのは避けましょう。人間でもはじめての家に行くと緊張するもの。まして、猫は親兄弟と離れて心寂しいはず。そっと家の中に放して勝手に歩き回らせましょう。好奇心の強い猫はニオイを嗅ぎながら家中を観察しはじめ、新たな環境に慣れようとします。

text-indent : 15pt　(インデント：15pt)

待ちに待った猫が我が家にやってきたからといって、かまいすぎるのは避けましょう。人間でもはじめての家に行くと緊張するもの。まして、猫は親兄弟と離れて心寂しいはず。そっと家の中に放して勝手に歩き回らせましょう。好奇心の強い猫はニオイを嗅ぎながら家中を観察しはじめ、新たな環境に慣れようとします。

text-indent : -1em　(インデント：-1em)

待ちに待った猫が我が家にやってきたからといって、かまいすぎるのは避けましょう。人間でもはじめての家に行くと緊張するもの。まして、猫は親兄弟と離れて心寂しいはず。そっと家の中に放して勝手に歩き回らせましょう。好奇心の強い猫はニオイを嗅ぎながら家中を観察しはじめ、新たな環境に慣れようとします。

text-indent : -15pt　(インデント：-15pt)

待ちに待った猫が我が家にやってきたからといって、かまいすぎるのは避けましょう。人間でもはじめての家に行くと緊張するもの。まして、猫は親兄弟と離れて心寂しいはず。そっと家の中に放して勝手に歩き回らせましょう。好奇心の強い猫はニオイを嗅ぎながら家中を観察しはじめ、新たな環境に慣れようとします。

<STYLE type="text/css">
<!--
.case1 { text-indent:0; }
.case2 { text-indent:1em; }
.case3 { text-indent:15pt; }
.case4 { text-indent:-1em; }
.case5 { text-indent:-15pt; }
-->
</STYLE>

<H4>text-indent : 0　(初期値)</H4>
<P class="case1">待ちに待った猫が我が家にやってきたからといって、かまいすぎるのは避けましょう。人間でもはじめての家に行くと緊張するもの。まして、猫は親兄弟と離れて心寂しいはず。そっと家の中に放して勝手に歩き回らせましょう。好奇心の強い猫はニオイを嗅ぎながら家中を観察しはじめ、新たな環境に慣れようとします。</P>

<H4>text-indent : 1em　(インデント：1em)</H4>
<P class="case2">待ちに待った猫が我が家にやってきたからといって、かまいすぎるのは避けましょう。人間でもはじめての家に行くと緊張するもの。まして、猫は親兄弟と離れて心寂しいはず。そっと家の中に放して勝手に歩き回らせましょう。好奇心の強い猫はニオイを嗅ぎながら家中を観察しはじめ、新たな環境に慣れようとします。</P>

<H4>text-indent : 15pt　(インデント：15pt)</H4>
<P class="case3">待ちに待った猫が我が家にやってきたからといって、かまいすぎるのは避けましょう。人間でもはじめての家に行くと緊張するもの。まして、猫は親兄弟と離れて心寂しいはず。そっと家の中に放して勝手に歩き回らせましょう。好奇心の強い猫はニオイを嗅ぎながら家中を観察しはじめ、新たな環境に慣れようとします。</P>

<H4>text-indent : -1em　(インデント：-1em)</H4>
<P class="case4">待ちに待った猫が我が家にやってきたからといって、かまいすぎるのは避けましょう。人間でもはじめての家に行くと緊張するもの。まして、猫は親兄弟と離れて心寂しいはず。そっと家の中に放して勝手に歩き回らせましょう。好奇心の強い猫はニオイを嗅ぎながら家中を観察しはじめ、新たな環境に慣れようとします。</P>

<H4>text-indent : -15pt　(インデント：-15pt)</H4>
<P class="case5">待ちに待った猫が我が家にやってきたからといって、かまいすぎるのは避けましょう。人間でもはじめての家に行くと緊張するもの。まして、猫は親兄弟と離れて心寂しいはず。そっと家の中に放して勝手に歩き回らせましょう。好奇心の強い猫はニオイを嗅ぎながら家中を観察しはじめ、新たな環境に慣れようとします。</P>