CSS | word-spacing Property
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
.png)
