Name
line-height
Synopsis
This property influences the layout of line
boxes. When applied to a block-level element, it defines the minimum
distance between baselines within that element, but not the maximum.
The difference between the computed values of
line-height and font-size
(called “leading” in CSS) is split
in half and added to the top and bottom of each piece of content in a
line of text. The shortest box that can enclose all those pieces of
content is the line box. A raw number value assigns a scaling factor,
which is inherited instead of a computed value. Negative values are
not permitted.
Values:
<length> | <percentage> | <number> |
normal | inherit
Initial value:
normal
Applies to:
all elements (but see text regarding replaced and block-level elements)
Inherited:
yes
Percentages:
relative to the font size of the element
Computed value:
for length and percentage values, the absolute value; otherwise, as specified
Become an O’Reilly member and get unlimited access to this title plus top books and audiobooks from O’Reilly and nearly 200 top publishers, thousands of courses curated by job role, 150+ live events each month,
and much more.
Read now
Unlock full access