Open In App
Related Articles

CSS word-spacing Property

Improve
Improve
Improve
Like Article
Like
Save Article
Save
Report issue
Report

It is a CSS property to increases or decreases the white space between words. This property can have only two values, they are normal and length. 

Syntax:

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

Property values:

1. Normal: It defines normal space between words which is 0.25em. This is default value. 

Example: 

html

<!DOCTYPE html>
<html>
<head>
    <title>
      CSS | word-spacing Property
    </title>
</head>
<body>
    <h1>The word-spacing Property</h1>
  
    <h2>word-spacing: normal:</h2>
    <p style="  word-spacing: normal;
                color:green; 
                font-weight:bold;
                font-size:25px;">
        This is some text. This is some text.
    </p>
</body>
  
</html>

                    

Output:

 

2. Length: It defines an additional space between words (in px, pt, cm, em, etc). Negative values are also allowed. 

Example: 

html

<!DOCTYPE html>
<html>
<head>
    <title>
      CSS | word-spacing Property
    </title>
</head>
<body>
    <h1>The word-spacing Property</h1>
  
    <h2>word-spacing: length is 20px</h2>
    <p style="  word-spacing:20px;
                color:green; 
                font-weight:bold;
                font-size:25px;">
        GeeksforGeeks - A Computer Science Portal For Geeks!
    </p>
</body>
  
</html>

                    

Output:

  

Example: Length to Negative Value 

html

<!DOCTYPE html>
<html>
<head>
    <title>
      CSS | word-spacing Property
    </title>
</head>
<body>
    <h1>The word-spacing Property</h1>
  
    <h2>word-spacing: length is -20px</h2>
    <p style="word-spacing:-20px;
              color:green;
              font-weight:bold;
              font-size:25px;">
        GeeksforGeeks - A Computer Science Portal For Geeks!
    </p>
</body>
  
</html>

                    

Output:

 

Supported browsers: The browsers supported by word-spacing Property are listed below:

  • Google Chrome 1.0
  • Edge 12.0
  • Internet Explorer 6.0
  • Firefox 1.0
  • Opera 3.5
  • Safari 1.0


Last Updated : 06 Jun, 2023
Like Article
Save Article
Previous
Next
Share your thoughts in the comments
Similar Reads