CSS word-spacing

2025年3月26日 | 阅读 2 分钟

此CSS属性用于控制单词之间的空格。使用此属性，我们可以增加或减少单词之间的空格。

它修改了单词之间放置的空格。它类似于 letter-spacing 属性，但它指定的是单词之间的空格，而不是单个字符之间的空格。此 CSS 属性定义了文本片段中单词之间的空格。

word-spacing 的一个大的负值或正值会让单词变得不可读。如果我们应用一个非常大的正值，它会导致单词看起来像一系列不连接的独立单词。一个非常大的负值会让单词相互重叠，使单词无法识别。

语法

属性值

normal: 这是默认值，定义了单词之间正常的空格 (0.25em)。它用于指定浏览器定义的空格。

length: 它以长度 (以 pt, px, em, cm 等为单位) 指定单词之间额外的空格。它允许负值。

initial: 用于将属性设置为其默认值。

inherit： 它会继承其父元素的值。

示例

<!DOCTYPE html> 
<html> 
<head> 
    <title> 
      CSS word-spacing Property 
    </title> 
<style>
body{
text-align: center;
}
#space{
word-spacing: 40px; 
}
p{
color: red;  
font-weight: bold; 
font-size: 20px;
}
</style>
</head> 
<body> 
    <h1>The word-spacing Property</h1> 
	<div>
    <h2>word-spacing: normal;</h2> 
    <p> 
       Welcome to the tpointtech.com
    </p> 
	</div>
		<div>
    <h2>word-spacing: 40px;</h2> 
    <p id= "space"> 
       Welcome to the tpointtech.com
    </p> 
	</div>
</body> 
</html>

输出

示例

<!DOCTYPE html> 
<html> 
<head> 
    <title> 
      CSS word-spacing Property 
    </title> 
<style>
body{
text-align: center;
}
#space{
word-spacing: 2cm; 
}
#space1{
word-spacing: -50px; 
}
#space2{
word-spacing: initial; 
}
p{
color: red;  
font-weight: bold; 
font-size: 20px;
}
</style>
</head> 
<body> 
    <h1>The word-spacing Property</h1> 
	<div>
    <h2>word-spacing: 2cm;</h2> 
    <p id = "space"> 
       Welcome to the tpointtech.com
    </p> 
	</div>
		<div>
    <h2>word-spacing: -50px;</h2> 
    <p id= "space1"> 
       Welcome to the tpointtech.com
    </p> 
	</div>
		<div>
    <h2>word-spacing: initial;</h2> 
    <p id= "space2"> 
       Welcome to the tpointtech.com
    </p> 
	</div>
	</body> 
</html>

输出

下一主题CSS object-fit

CSS word-spacing

语法

属性值

示例

示例

联系信息

关注我们

教程

面试题

在线编译器

Python

Java

.Net Framework

AI, ML and Data Science

Cloud Technology

B.Tech and MCA

Web Technology

PHP

Software Testing

Technical Interview

Java Interview

Python

Web Interview

Database Interview

B.Tech / MCA

Important Interview

Software Testing Interview

Company Interviews

Online Compilers

Multiple Choice Questions

CSS 教程

CSS 属性

CSS Advance

CSS Design

CSS Questions

杂项

CSS 多选题

面试题

CSS word-spacing

语法

属性值

示例

示例

相关帖子

background-attachment

CSS object-position

CSS filter

Less CSS

CSS 中的 Align Items

CSS Border Color

CSS EM

CSS Position Relative

CSS cubic-bezier

CSS min-height

订阅 Tpoint Tech

联系信息

关注我们

教程

面试题

在线编译器