複製鏈接
請複製以下鏈接發送給好友

text-indent

鎖定
text-indent是用來設定文本塊中第一行的縮進。所有瀏覽器都支持 text-indent 屬性。
中文名
text-indent
繼承性
<percenge>
用百分比指定文本的縮進
兼容性
IE4+ NS4+ 

text-indent參數

length :  百分比數字|由浮點數字和單位標識符組成的長度值,允許為負值。請參閲長度單位
text-indent版本:CSS1
[1] 

text-indent説明

檢索或設置對象中的文本的縮進
在被另一個對象(如)斷開的對象內不能應用本屬性。
對應的腳本特性為textIndent。

text-indent示例

div { text-indent : 5px; }//向左縮進5px;
div { text-indent : underline 10%; }
例題:如果要首行縮進兩個字符 則div { text-indent : 2em; } 即可了
當然,也可以是負值了

text-indent瀏覽器支持

所有瀏覽器都支持 text-indent 屬性。 註釋:任何的版本的 Internet Explorer (包括 IE8)都不支持屬性值 "inherit"。

text-indent屬性值

css 中text-indent 屬性具有以下的屬性值:
描述
length
定義固定的縮進。默認值:0。
%
定義基於父元素寬度的百分比的縮進。
inherit
規定應該從父元素繼承 text-indent 屬性的值。

text-indent實例

本例演示如何縮進文本首行。
<html>

<head>

<styletype="text/css">

p{text-indent:1cm}

</style>

</head>


<body>

<p>

這是段落中的一些文本。

這是段落中的一些文本。

這是段落中的一些文本。

這是段落中的一些文本。

這是段落中的一些文本。

這是段落中的一些文本。

這是段落中的一些文本。

這是段落中的一些文本。

這是段落中的一些文本。

這是段落中的一些文本。

這是段落中的一些文本。

這是段落中的一些文本。

</p>

</body>


</html>

參考資料