text-indentｽﾀｲﾙ

[見出し２]
H2タグのtext-indentを＜50%＞に設定。その結果，先頭行がﾍﾟｰｼﾞ中央から始まりました。

[見出し３]
H3タグのtext-indentを＜3em＞に設定。その結果，先頭行が3文字分左にインデントされました。

[見出し４]
H4ﾀｸﾞのtext-indentを＜20%＞に設定。その結果，先頭行が親ﾀｸﾞ(この場合，BODYﾀｸﾞ）の幅の20%分右にインデントされました。

[見出し４]
H4タグのtext-indentを＜-12mm＞に設定。その結果，先頭行が12mm左にインデントされ、一部見えなくなりました。

これは表です。 TRﾀｸﾞのtext-indentを＜10mm＞に設定。その結果，この表の全てのｾﾙで先頭行が10mm右にｲﾝﾃﾞﾝﾄされた(IE5で確認)。(IE4では反映されなかった??)
（右のｾﾙだけ独自設定） このｾﾙだけtext-indentを＜-30＞に設定。その結果、このｾﾙだけ先頭行が左に30ﾋﾟｸｾﾙだけｽﾞﾚました。
  1. 番号付きリスト１
    OLタグにtext-indentを＜-10px＞に設定
  2. 番号付きリスト２
    その結果，リストの先頭行が10px分だけ左にズレました。


(補足)上のBUTTONﾀｸﾞにtext-indent:-1cmを設定。その結果ﾎﾞﾀﾝ全体が左に1cmｽﾞﾚた。これはmargin-left:-1cmと同じことではないか??。と思いﾃｽﾄしてみたのが下のﾎﾞﾀﾝ。ｳｩ〜ﾝ、違ってた!!

htmlsouse.gif (2461 バイト)

<style TYPE="text/css">
<!--
    H2 {text-indent:50%}
    H3 {text-indent:3em}
    H4 {text-indent:20%}
    H4.test1{text-indent:-12mm}
    TR {text-indent:10mm}
    TD.test2{text-indent:-30}
    OL {text-indent:-10px}
    BUTTON.test3 {text-indent:-1cm}
    BUTTON.test4 {margin-left:-1cm}
-->
</style>

END(99/9/2)