CSS text-indent 属性

定義

text-indent属性は、テキストブロックの中の最初の行のインデントを定義します。

コメント：負の値を使用することができます。負の値を使用すると、最初の行は左側にインデントされます。

注意：CSS 2.1以前では、text-indentは常に計算値を継承し、宣言値を継承しませんでした。

説明

ブロック要素の中の最初の内容行のインデントを定義します。これは「タブ」効果を作成するのに最もよく使われます。負の値を指定することもできます。これにより「吊り下げインデント」効果が得られます。

も参照してください：

CSS タイプ：CSS 文本

HTML DOM リファレンスマニュアル：textIndent 属性

例

段落の最初の行を50ピクセルインデントする：

p
  {
  text-indent:50px;
  }

自分で試してみる

CSS 语法



属性値





値
説明




length
固定のインデントを定義します。デフォルト値：0。




%
親要素の幅のパーセンテージに基づくインデントを定義します。




inherit
親要素から text-indent 属性の値を継承することを規定しています。









技術的詳細



  

    デフォルト値：
    指定されていません
  

  

    継承性：
    はい
  

  

    バージョン：
    CSS1
  

  

    JavaScript 语法：
    object.style.textIndent="50px"
  








さらに多くの例




テキストのインデント


この例では、テキストの先頭行をインデントする方法を示します。








ブラウザのサポート


テーブルの数字には、その属性を完全にサポートする最初のブラウザのバージョンが記載されています。





Chrome
IE / Edge
Firefox
Safari
Opera




1.0
3.0
1.0
1.0
3.5