Css Line height Property

By | November 4, 2017

Css Line height Property

What is line height in css?

Css Line Height property means amount of space (vertical) in which text content gets written in HTML.

Mozilla says: It sets the amount of space used for lines, such as in text. On block-level elements, it specifies the minimum height of line boxes within the element. On non-replaced inline elements, it specifies the height that is used to calculate line box height.

Css Line height Properties:

Normal:
This is the default Height line, generally around 100% to 120%.
e.g.: Default Height line in the word document.

Number:

It will be multiplied with the current font size to set the line height.
Length: Fixed Length in px, pt etc.

Percentage:
% of current font size.

Initial:
Set to the default value.

Inherit:
Inherit from Parent.

Css Line height Property

Css Line height Property

Output:
normal line height.
normal line height.

percentage line height.

percentage line height.

 

length line height.

 

length line height.

For more Css Articles please click here

Leave a Reply

Your e-mail address will not be published. Required fields are marked *