text-indent インデント(字下げ)を指定
１行目のインデント(字下げ)を指定する。ブロック要素のタグに使用でき、子タグに継承する。負の値も可能である。
(設定値）
数値 ･･･px,pt,mm,cm,emの単位で指定（1em を指定すれば１字分だけ字下げされる）
% ･･･親タグの幅に対する％指定
* 数値，％ともマイナス(-)指定可能。この場合左方向に字下げ(実際は字上げ)される。
Sample
text-indentを＜1em＞に設定。その結果，先頭行が１文字分字下げされました。。
text-indentを＜30px＞に設定。その結果，先頭行が30pxインデントされました。
text-indentを＜15mm＞に設定。その結果，15mmインデントされました。
text-indentを＜50%＞に設定。その結果，先頭行がページ中央から始まりました
text-indentを＜-3em＞に設定。その結果，先頭３文字(英小文字で6文字）が左方向にズレて消えました。
Script プロパティ･･･＜textIndent＞
先頭行の字下げインデントを指定する。負の値も可能である。
Sample Source......................................................................>>>
<p style="text-indent:1em">text-indentを＜1em＞に設定。 その結果，先頭行が１文字分字下げされました。</p> <p style="text-indent:30px">text-indentを＜30px＞に設定。 その結果，先頭行が30pxインデントされました。</p> <p style="text-indent:15mm">text-indentを＜15mm＞に設定。 その結果，15mmインデントされました。</p> <p style="text-indent:50%">text-indentを＜50%＞に設定。 その結果，先頭行がページ中央から始まりました</p> <p style="text-indent:-3em">text-indentを＜-3em＞に設定。 その結果，先頭３文字(英小文字で6文字）が左方向にズレて消えました。</p> <button onclick="sp.style.textIndent='1em';">1em字下げ</button> <button onclick="sp.style.textIndent='15mm';">15mm字下げ</button> <button onclick="sp.style.textIndent='30%';">30%字下げ</button> <button onclick="sp.style.textIndent='-20%';">-20%字下げ(字上げ)</button> <p id="sp" style="width:300px;border:1px solid navy;"> 先頭行の字下げインデントを指定する。負の値も可能である。</p>