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

letter-spacing

鎖定
letter-spacing 屬性增加或減少字符間的空白(字符間距)。
中文名
letter-spacing
語    法
normal | length
normal 
默認間隔
示    例
div {letter-spacing:6px; }

目錄

letter-spacing語法

letter-spacing : normal | length

letter-spacing參數

normal :  默認間隔
length :  由浮點數字和單位標識符組成的長度值,允許為負值。請參閲長度單位

letter-spacing説明

該屬性定義了在文本字符框之間插入多少空間。由於字符字形通常比其字符框要窄,指定長度值時,會調整字母之間通常的間隔。因此,normal 就相當於值為 0。
註釋:允許使用負值,這會讓字母之間擠得更緊。

letter-spacing示例

div {letter-spacing:6px; }
div {letter-spacing:0.5pt; }
注意:1.用letter-spacing 只對文字起作用 對於是圖片失效的
2.用letter-spacing 對漢字是以一個字進行間隔的 對於英文是以一個字母進行間隔的
3.用letter-spacing 在dreamweaver裏是可以看到即時效果的

letter-spacing實例

本例演示如何增加或減少字符間距。
<html>


<head>

<styletype="text/css">

h1{letter-spacing:-0.5em}

h4{letter-spacing:20px}

</style>

</head>


<body>

<h1>Thisisheader1</h1>

<h4>Thisisheader4</h4>

</body>


</html>