text-indent

語法:

text-indent:[ <length> | <percentage> ] && hanging? && each-line?

預設值0

適用於:塊容器

繼承性:有

動畫性:當使用值為非關鍵字時

計算值:指定值

媒 體:視覺

取值:

<length>
用長度值指定文字的縮進。可以為負值。
<percentage>
用百分比指定文字的縮進。可以為負值。
each-line:
定義縮進作用在塊容器的第一行或者內部的每個強制換行的首行,軟換行不受影響。(CSS3)
hanging:
反向所有被縮進作用的行。(CSS3)

說明:

定義塊內文字內容的縮進。
  • 行內元素要使用該屬性必須先定義該元素為塊級或行內塊級。
  • hangingeach-line關鍵字緊隨在縮進數值之後

    示例程式碼:

    div { text-indent: 2em each-line; }

    以上程式碼將使得 div 內部的每個塊級文字內容的第一行及每個強制換行的首行都擁有 2em 的縮進

  • 對應的腳本特性為:textIndent

兼容性:

  • 淺綠 = 支援
  • 紅色 = 不支援
  • 粉色 = 部分支援
Values IE Firefox Chrome Safari Opera iOS Safari Android Browser Android Chrome
Basic Support 8.0+ 40.0+ 40.0+ 8.0+ 40.0+ 8.0+ 4.4+ 28.0+
hanging | each-line 8.0-16.0 40.0-59.0 40.0-65.0 8.0-11.0 40.0-50.0 8.0-11.3 4.4-62.0 28.0-64.0

示例: