Course Content
CSS Fundamentals
CSS Fundamentals
Text Formatting
line-height
The line-height
property defines the height of a line and is often used to adjust the space between lines of text. By default, line-height
depends on the text font and is determined by the browser.
multiplier
- is a value without units (e.g.,1.5
). In this case, the line height will be the value that is1.5
greater than thefont-size
value;value in px
- a specific value (e.g.,24px
) to which the line height will be equal;value in em
- a value (e.g.,1.4em
) that works similarly to themultiplier
. The browser will check thefont-size
value, multiply that value by1.4
, and this result will be the line height;percent
- a value (e.g.,120%
) that functions like amultiplier
. Thefont-size
value will be multiplied by1.2
, determining the line height value.
index
index
index
letter-spacing
The letter-spacing
property sets the horizontal spacing between text characters.
normal
is the default spacing between characters;value in px
is a specific value that adds extra space between characters;value in em
works similarly to px, but the spacing is relative to thefont-size
.
index
index
index
word-spacing
The word-spacing
property defines the distance between words in the text. It increases the space between words. If there are any punctuation marks in the text, and they are written with words, then they will still be written together, as there is no space between them.
value
is a specific value that sets the space between words;inherit
inherits the word spacing from the parent element;normal
is the default spacing between words.
index
index
index
text-shadow
The text-shadow
property adds a shadow to the text.
X set
- adjusts the position of the shadow horizontally. A positive value moves the shadow to the right, while a negative value moves it to the left;Y set
- adjusts the position of the shadow vertically. A positive value moves the shadow downwards, while a negative value moves it upwards;blur radius
- If the value is increased, the shadow becomes more diffuse and lighter. By default, the value is0
if not specified;color
- specifies the color in any format. By default, the value is the same as the text color.
index
index
index
Note
In text formatting, there are no strict rules dictating which values must be used in specific situations. The choice of text formatting properties and values depends on the unique requirements of each project and the design vision.
Everything was clear?