📜  CSS letter-spacing属性

📅  最后修改于: 2020-11-05 00:52:04             🧑  作者: Mango

CSS letter-spacing属性

此CSS属性用于控制元素或文本块中每个字母之间的间隔。它设置文本字符之间的间距行为。使用此属性,我们可以增加或减少文本字符之间的间距。

修改相邻字符之间的间隔。

句法

letter-spacing: normal | length | initial | inherit;

属性值

normal:这是默认值,在字符之间不提供任何空格。它不会更改字母之间的默认间距。将该值设置为0类似于。

length:用于指定字符之间的额外空格。它允许使用负值来加强文本外观而不是使其变松。较大的长度表示字母之间的最大间距。此值支持字体相对值(em,rem),绝对值(px)。

在此示例中,我们将尝试使用不同的letter-spacing属性值,以查看不同的结果。我们还将使用可能的长度值来查看字符之间的间距。

本示例将说明字符之间的字符。




CSS letter-spacing Property


Welcome to the javaTpoint.com

This is an example of CSS letter-spacing Property

This paragraph has letter-spacing: normal;

This paragraph has letter-spacing: 7px;

This paragraph has letter-spacing: 0.7em;

This paragraph has letter-spacing: -1px;

字母间距的较大的负值或正值会使该单词不可读。如果我们应用一个非常大的正值,它将导致出现像一系列未连接的单个字母的字母。很大的负值会使字母彼此重叠,从而使单词无法识别。