text-indent

ブロック要素内で、文章の1行目に付加するインデントの大きさを指定します。


ブラウザ

E3 / IE4 / IE5 / IE5.5 / IE6 / N4 / N6 / N7 / O6 / O7 / O9 / Fx1 / Fx2 / IE5 mac

▲PageTop

書式

要素[.class名][#id名]{ text-indent : 値; }

▲PageTop

指定できる値

値 初期値 意味
数値+単位 0 インデントの大きさを指定します。単位例：px,em,ex,%
inherit 親要素の値を継承します。

▲PageTop

サンプル

ソースコード

<html>
  <head>
    <title>サンプルコード</title>
    <style type="text/css">
      #sample1 {
        text-indent : 1em;
      }
    </style>
  </head>
  <body>
    <div id="sample1">
    text-indentサンプル<br>
    ブロック要素の1行目に適用とありますが、検証の結果InternetExplorer6でのみ、インライン要素の1行目にも適用されました。
    </div>
  </body>
</html>

表示結果

text-indentサンプル
ブロック要素の1行目に適用とありますが、検証の結果InternetExplorer6でのみ、インライン要素の1行目にも適用されました。

▲PageTop

関連項目

CSS

first-letter

▲PageTop

▲