CSS 字符間隔 letter-spacing

提問人：劉團(tuán)圓發(fā)布時(shí)間：2020-11-17

letter-spacing屬性用于增加或減少字符間的空白（字符間距）。

該屬性定義了在文本字符框之間插入多少空間。由于字符字形通常比其字符框要窄，所以在指定長度值時(shí)，會(huì)調(diào)整字母之間通常的間隔。因此，normal就相當(dāng)于值為0。允許使用負(fù)值，這會(huì)讓字母之間擠得更緊。

letter-spacing屬性的值可以是以下幾種：

?normal：默認(rèn)。規(guī)定字符間沒有額外的空間。

?length：定義字符間的固定空間（允許使用負(fù)值）。

?inherit：規(guī)定應(yīng)該從父元素繼承l(wèi)etter-spacing屬性的值。

【例題】設(shè)置字符間隔

代碼如下：

<!DOCTYPE html>

<html>

<head>

<title>Document<title>

<style>

letter-spacing: 2em;

}

div{

letter-spacing: 20px;

}

</style>

</head>

<body>

<p>letter-spacing屬性是字間距屬性2em</p>

<hr/>

<div>letter-spacing屬性是字間距屬性20px</div>

</body>

</html>

相關(guān)視頻回答

回復(fù)(0)