10.8.1 Leading and half-leading

Chapter 10 - Visual formatting model details - 10.8.1 Leading and half-leading

Go to the relevant page of the specification.

c42-ibx-ht-000 (ahem)
Inline Elements
c527-font-001
font
c527-font-002
font
c527-font-003
font
c527-font-004
font
c527-font-005
font
c527-font-006
font
c527-font-007
font
c527-font-008
font
c527-font-009
font
c527-font-10
font
c544-valgn-000 (ahem, image)
vertical-align
c544-valgn-001 (ahem, image)
vertical-align
c544-valgn-002 (ahem, image, interact)
vertical-align
c544-valgn-003 (ahem, image, interact)
vertical-align
c544-valgn-004 (ahem, image, interact)
vertical-align
c548-leadin-000 (ahem)
line-height
c548-ln-ht-000 (ahem)
line-height
c548-ln-ht-001 (ahem, image)
line-height
c548-ln-ht-002 (ahem, image)
line-height
c548-ln-ht-003 (ahem, image)
line-height
c548-ln-ht-004 (ahem, image)
line-height
empty-inline-002 (ahem)
Empty line box influence
Empty inline elements still influence calculation just like elements with content.
inline-block-000
Test for inline-block
This value causes an element to generate a block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the element itself is formatted as an inline replaced element. The baseline of an 'inline-block' is the baseline of its last line box in the normal flow, unless it has either no in-flow line boxes or if its 'overflow' property has a computed value other than 'visible', in which case the baseline is the bottom margin edge.
inline-block-valign-001
Test for vertical alignment on inline-block
This value causes an element to generate a block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the element itself is formatted as an inline replaced element. The baseline of an 'inline-block' is the baseline of its last line box in the normal flow, unless it has either no in-flow line boxes or if its 'overflow' property has a computed value other than 'visible', in which case the baseline is the bottom margin edge.
inline-block-valign-002
Test for vertical alignment on inline-block
This value causes an element to generate a block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the element itself is formatted as an inline replaced element. The baseline of an 'inline-block' is the baseline of its last line box in the normal flow, unless it has either no in-flow line boxes or if its 'overflow' property has a computed value other than 'visible', in which case the baseline is the bottom margin edge.
inline-table-002a
Test for inline-table
it is a rectangular block that participates in an inline formatting context). The baseline of an 'inline-table' is the baseline of the first row of the table.
inline-table-002b
Test for inline-table
it is a rectangular block that participates in an inline formatting context). The baseline of an 'inline-table' is the baseline of the first row of the table.
inline-table-003
Test for inline-table
it is a rectangular block that participates in an inline formatting context). The baseline of an 'inline-table' is the baseline of the first row of the table.
inline-table-valign-001
Test for vertical alignment on inline-table
it is a rectangular block that participates in an inline formatting context). The baseline of an 'inline-table' is the baseline of the first row of the table.
leading-001 (ahem)
Leading and half leading line heights
Line-height can be different from the content area so space is above and below.
line-box-height-001 (ahem)
Height for inline elements when 'line-height' is smaller than 'height'
The 'line-height' property sets the initial height but that height is increased if the content height is larger.
line-box-height-002 (image)
Height for inline replaced elements and 'line-height'
The 'line-height' property doe not set the height for inline replaced elements. The height of the replaced element sets the line-height'.
line-height-001 (ahem, invalid, should)
Line-height using pixels with a minimum minus one value, -1px
The 'line-height' property sets a minimum minus one length value in pixels.
line-height-002 (ahem)
Line-height using pixels with a minimum value, 0px
The 'line-height' property sets a minimum length value in pixels.
line-height-003 (ahem)
Line-height using pixels with a minimum plus one value, 1px
The 'line-height' property sets a minimum plus one length value in pixels.
line-height-004 (ahem)
Line-height using pixels with a negative zero value, -0px
The 'line-height' property sets a negative zero length value in pixels.
line-height-005 (ahem)
Line-height using pixels with a positive zero value, +0px
The 'line-height' property sets a positive zero length value in pixels.
line-height-006 (ahem)
Line-height using pixels with a nominal value, 96px
The 'line-height' property sets a nominal length value in pixels.
line-height-007 (ahem)
Line-height using pixels with a positive nominal value, +96px
The 'line-height' property sets a positive nominal length value in pixels.
line-height-012 (ahem, invalid, should)
Line-height using points with a minimum minus one value, -1pt
The 'line-height' property sets a minimum minus one length value in points.
line-height-013 (ahem)
Line-height using points with a minimum value, 0pt
The 'line-height' property sets a minimum length value in points.
line-height-014 (96dpi, ahem)
Line-height using points with a minimum plus one value, 1pt
The 'line-height' property sets a minimum plus one length value in points.
line-height-015 (ahem)
Line-height using points with a negative zero value, -0pt
The 'line-height' property sets a negative zero length value in points.
line-height-016 (ahem)
Line-height using points with a positive zero value, +0pt
The 'line-height' property sets a positive zero length value in points.
line-height-017 (ahem)
Line-height using points with a nominal value, 72pt
The 'line-height' property sets a nominal length value in points.
line-height-018 (ahem)
Line-height using points with a positive nominal value, +72pt
The 'line-height' property sets a positive nominal length value in points.
line-height-023 (ahem, invalid, should)
Line-height using picas with a minimum minus one value, -1pc
The 'line-height' property sets a minimum minus one length value in picas.
line-height-024 (ahem)
Line-height using picas with a minimum value, 0pc
The 'line-height' property sets a minimum length value in picas.
line-height-025 (ahem)
Line-height using picas with a minimum plus one value, 1pc
The 'line-height' property sets a minimum plus one length value in picas.
line-height-026 (ahem)
Line-height using picas with a negative zero value, -0pc
The 'line-height' property sets a negative zero length value in picas.
line-height-027 (ahem)
Line-height using picas with a positive zero value, +0pc
The 'line-height' property sets a positive zero length value in picas.
line-height-028 (ahem)
Line-height using picas with a nominal value, 6pc
The 'line-height' property sets a nominal length value in picas.
line-height-029 (ahem)
Line-height using picas with a positive nominal value, +6pc
The 'line-height' property sets a positive nominal length value in picas.
line-height-034 (ahem, invalid, should)
Line-height using centimeters with a minimum minus one value, -1cm
The 'line-height' property sets a minimum minus one length value in centimeters.
line-height-035 (ahem)
Line-height using centimeters with a minimum value, 0cm
The 'line-height' property sets a minimum length value in centimeters.
line-height-036 (ahem)
Line-height using centimeters with a minimum plus one value, 1cm
The 'line-height' property sets a minimum plus one length value in centimeters.
line-height-037 (ahem)
Line-height using centimeters with a negative zero value, -0cm
The 'line-height' property sets a negative zero length value in centimeters.
line-height-038 (ahem)
Line-height using centimeters with a positive zero value, +0cm
The 'line-height' property sets a positive zero length value in centimeters.
line-height-039 (ahem)
Line-height using centimeters with a nominal value, 2.54cm
The 'line-height' property sets a nominal length value in centimeters.
line-height-040 (ahem)
Line-height using centimeters with a positive nominal value, +2.54cm
The 'line-height' property sets a positive nominal length value in centimeters.
line-height-045 (ahem, invalid, should)
Line-height using millimeters with a minimum minus one value, -1mm
The 'line-height' property sets a minimum minus one length value in millimeters.
line-height-046 (ahem)
Line-height using millimeters with a minimum value, 0mm
The 'line-height' property sets a minimum length value in millimeters.
line-height-047 (ahem)
Line-height using millimeters with a minimum plus one value, 1mm
The 'line-height' property sets a minimum plus one length value in millimeters.
line-height-048 (ahem)
Line-height using millimeters with a negative zero value, -0mm
The 'line-height' property sets a negative zero length value in millimeters.
line-height-049 (ahem)
Line-height using millimeters with a positive zero value, +0mm
The 'line-height' property sets a positive zero length value in millimeters.
line-height-050 (ahem)
Line-height using millimeters with a nominal value, 25.4mm
The 'line-height' property sets a nominal length value in millimeters.
line-height-051 (ahem)
Line-height using millimeters with a positive nominal value, +25.4mm
The 'line-height' property sets a positive nominal length value in millimeters.
line-height-056 (ahem, invalid, should)
Line-height using inches with a minimum minus one value, -1in
The 'line-height' property sets a minimum minus one length value in inches.
line-height-057 (ahem)
Line-height using inches with a minimum value, 0in
The 'line-height' property sets a minimum length value in inches.
line-height-058 (ahem)
Line-height using inches with a minimum plus one value, 1in
The 'line-height' property sets a minimum plus one length value in inches.
line-height-059 (ahem)
Line-height using inches with a negative zero value, -0in
The 'line-height' property sets a negative zero length value in inches.
line-height-060 (ahem)
Line-height using inches with a positive zero value, +0in
The 'line-height' property sets a positive zero length value in inches.
line-height-061 (ahem)
Line-height using inches with a nominal value, 3in
The 'line-height' property sets a nominal length value in inches.
line-height-062 (ahem)
Line-height using inches with a positive nominal value, +3in
The 'line-height' property sets a positive nominal length value in inches.
line-height-067 (ahem, invalid, should)
Line-height using 'em' units with a minimum minus one value, -1em
The 'line-height' property sets a minimum minus one length value in 'em' units.
line-height-068 (ahem)
Line-height using 'em' units with a minimum value, 0em
The 'line-height' property sets a minimum length value in 'em' units.
line-height-069 (ahem)
Line-height using 'em' units with a minimum plus one value, 1em
The 'line-height' property sets a minimum plus one length value in 'em' units.
line-height-070 (ahem)
Line-height using 'em' units with a negative zero value, -0em
The 'line-height' property sets a negative zero length value in 'em' units.
line-height-071 (ahem)
Line-height using 'em' units with a positive zero value, +0em
The 'line-height' property sets a positive zero length value in 'em' units.
line-height-072 (ahem)
Line-height using 'em' units with a nominal value, 6em
The 'line-height' property sets a nominal length value in 'em' units.
line-height-073 (ahem)
Line-height using 'em' units with a positive nominal value, +6em
The 'line-height' property sets a positive nominal length value in 'em' units.
line-height-078 (ahem, invalid, should)
Line-height using 'ex' units with a minimum minus one value, -1ex
The 'line-height' property sets a minimum minus one length value in 'ex' units.
line-height-079 (ahem)
Line-height using 'ex' units with a minimum value, 0ex
The 'line-height' property sets a minimum length value in 'ex' units.
line-height-080 (ahem)
Line-height using 'ex' units with a minimum plus one value, 1ex
The 'line-height' property sets a minimum plus one length value in 'ex' units.
line-height-081 (ahem)
Line-height using 'ex' units with a negative zero value, -0ex
The 'line-height' property sets a negative zero length value in 'ex' units.
line-height-082 (ahem)
Line-height using 'ex' units with a positive zero value, +0ex
The 'line-height' property sets a positive zero length value in 'ex' units.
line-height-083 (ahem)
Line-height using 'ex' units with a nominal value, 6ex
The 'line-height' property sets a nominal length value in 'ex' units.
line-height-084 (ahem)
Line-height using 'ex' units with a positive nominal value, +6ex
The 'line-height' property sets a positive nominal length value in 'ex' units.
line-height-089 (ahem, invalid, should)
Line-height using percentages with a minimum minus one value, -1%
The 'line-height' property sets a minimum minus one length value in percentages.
line-height-090 (ahem)
Line-height using percentages with a minimum value, 0%
The 'line-height' property sets a minimum length value in percentages.
line-height-091 (96dpi, ahem)
Line-height using percentages with a minimum plus one value, 1%
The 'line-height' property sets a minimum plus one length value in percentages.
line-height-092 (ahem)
Line-height using percentages with a negative zero value, -0%
The 'line-height' property sets a negative zero length value in percentages.
line-height-093 (ahem)
Line-height using percentages with a positive zero value, +0%
The 'line-height' property sets a positive zero length value in percentages.
line-height-094 (ahem)
Line-height using percentages with a nominal value, 100%
The 'line-height' property sets a nominal length value in percentages.
line-height-095 (ahem)
Line-height using percentages with a positive nominal value, +100%
The 'line-height' property sets a positive nominal length value in percentages.
line-height-100 (ahem, invalid, should)
Line-height with a minimum minus one value, -1
The 'line-height' property sets a minimum minus one number value.
line-height-101 (ahem)
Line-height with a minimum value, 0
The 'line-height' property sets a minimum number value.
line-height-102 (ahem)
Line-height using pixels with a minimum plus one value, 1
The 'line-height' property sets a minimum plus one number value.
line-height-103 (ahem)
Line-height using pixels with a negative zero value, -0
The 'line-height' property sets a negative zero number value.
line-height-104 (ahem)
Line-height with a positive zero value, +0
The 'line-height' property sets a positive zero number value.
line-height-105 (ahem)
Line-height with a nominal value, 5
The 'line-height' property sets a nominal number value.
line-height-106 (ahem)
Line-height with a positive nominal value, +5
The 'line-height' property sets a positive nominal number value.
line-height-111 (ahem, should)
Line-height with keyword value of 'normal'
The 'line-height' property set to 'normal' uses the default line-height.
line-height-112 (ahem)
Line-height with keyword value of 'inherit'
The 'line-height' property set to 'inherit' uses the default line-height.
line-height-applies-to-001
Line-height applied to elements with 'display' set to 'table-row-group'
The 'line-height' property applies to elements with 'display' set to 'table-row-group'.
line-height-applies-to-002
Line-height applied to elements with 'display' set to 'table-header-group'
The 'line-height' property applies to elements with 'display' set to 'table-header-group'.
line-height-applies-to-003
Line-height applied to elements with 'display' set to 'table-footer-group'
The 'line-height' property applies to elements with 'display' set to 'table-footer-group'.
line-height-applies-to-004
Line-height applied to elements with 'display' set to 'table-row'
The 'line-height' property applies to elements with 'display' set to 'table-row'.
line-height-applies-to-005
Line-height applied to elements with 'display' set to 'table-column-group'
The 'line-height' property applies to elements with 'display' set to 'table-column-group'.
line-height-applies-to-006
Line-height applied to elements with 'display' set to 'table-column'
The 'line-height' property applies to elements with 'display' set to 'table-column'.
line-height-applies-to-007
Line-height applied to elements with 'display' set to 'table-cell'
The 'line-height' property applies to elements with 'display' set to 'table-cell'.
line-height-applies-to-008
Line-height applied to elements with 'display' set to 'inline'
The 'line-height' property applies to elements with 'display' set to 'inline'.
line-height-applies-to-009
Line-height applied to elements with 'display' set to 'block'
The 'line-height' property applies to elements with 'display' set to 'block'.
line-height-applies-to-010
Line-height applied to elements with 'display' set to 'list-item'
The 'line-height' property applies to elements with 'display' set to 'list-item'.
line-height-applies-to-012
Line-height applied to elements with 'display' set to 'inline-block'
The 'line-height' property applies to elements with 'display' set to 'inline-block'.
line-height-applies-to-013
Line-height applied to elements with 'display' set to 'table'
The 'line-height' property applies to elements with 'display' set to 'table'.
line-height-applies-to-014
Line-height applied to elements with 'display' set to 'inline-table'
The 'line-height' property applies to elements with 'display' set to 'inline-table'.
line-height-applies-to-015
Line-height applied to elements with 'display' set to 'table-caption'
The 'line-height' property applies to elements with 'display' set to 'table-caption'.
line-height-applies-to-016
Line-height applied to elements with 'display' set to 'none'
The 'line-height' property applies to elements with 'display' set to 'none'.
line-height-bleed-001
Glyphs overflow line box
Glyphs bleed out of the box when 'line-height' is less than the content height and the height of the box is not increased.
line-height-bleed-002 (ahem)
Glyphs overflow when line height of container is less than content height
That glyphs bleed out of the box when 'line-height' can overlap adjoining line boxes.
line-height-bleed-003
Leading and half leading line heights leads to space above and below
Line-height can be different from the content area so there is space above and below.
line-height-largest-001 (may)
Line-height with multiple font sizes
The 'line-height' value may use the largest font size when there is more than one font size.
line-height-normal-recommendation-001 (ahem, should)
Line-height recommended 'normal' value
It is recommended that the 'normal' value for 'line-height' is set to 1.0 or 1.2 'em' units.
table-height-algorithm-031
Table baseline and caption
A table caption does not set the baseline for a table.
table-height-algorithm-032
Inline-table baseline and caption
A table caption does not set the baseline for an inline-table.
vertical-align-004 (ahem)
Vertical-align using pixels with a negative zero value, -0px
The 'vertical-align' property sets a negative zero length value in pixels.
vertical-align-005 (ahem)
Vertical-align using pixels with a zero value, 0px
The 'vertical-align' property sets a zero length value in pixels.
vertical-align-006 (ahem)
Vertical-align using pixels with a positive zero value, +0px
The 'vertical-align' property sets a positive zero length value in pixels.
vertical-align-007 (ahem)
Vertical-align using pixels with a nominal value, 96px
The 'vertical-align' property sets a nominal length value in pixels.
vertical-align-008 (ahem)
Vertical-align using pixels with a positive nominal value, +96px
The 'vertical-align' property sets a positive nominal length value in pixels.
vertical-align-016 (ahem)
Vertical-align using points with a negative zero value, -0pt
The 'vertical-align' property sets a negative zero length value in points.
vertical-align-017 (ahem)
Vertical-align using points with a zero value, 0pt
The 'vertical-align' property sets a zero length value in points.
vertical-align-018 (ahem)
Vertical-align using points with a positive zero value, +0pt
The 'vertical-align' property sets a negative zero length value in points.
vertical-align-019 (ahem)
Vertical-align using points with a nominal value, 72pt
The 'vertical-align' property sets a nominal length value in points.
vertical-align-020 (ahem)
Vertical-align using points with a positive nominal value, +72pt
The 'vertical-align' property sets a nominal length value in points.
vertical-align-028 (ahem)
Vertical-align using picas with a negative zero value, -0pc
The 'vertical-align' property sets a negative zero length value in picas.
vertical-align-029 (ahem)
Vertical-align using picas with a zero value, 0pc
The 'vertical-align' property sets a zero length value in picas.
vertical-align-030 (ahem)
Vertical-align using picas with a positive zero value, +0pc
The 'vertical-align' property sets a positive zero length value in picas.
vertical-align-031 (ahem)
Vertical-align using picas with a nominal value, 6pc
The 'vertical-align' property sets a nominal length value in picas.
vertical-align-032 (ahem)
Vertical-align using picas with a positive nominal value, +6pc
The 'vertical-align' property sets a positive nominal length value in picas.
vertical-align-040 (ahem)
Vertical-align using centimeters with a negative zero value, -0cm
The 'vertical-align' property sets a negative zero length value in centimeters.
vertical-align-041 (ahem)
Vertical-align using centimeters with a zero value, 0cm
The 'vertical-align' property sets a zero length value in centimeters.
vertical-align-042 (ahem)
Vertical-align using centimeters with a positive zero value, +0cm
The 'vertical-align' property sets a positive zero length value in centimeters.
vertical-align-043 (ahem)
Vertical-align using centimeters with a nominal value, 2.54cm
The 'vertical-align' property sets a nominal length value in centimeters.
vertical-align-044 (ahem)
Vertical-align using centimeters with a positive nominal value, +2.54cm
The 'vertical-align' property sets a positive nominal length value in centimeters.
vertical-align-052 (ahem)
Vertical-align using millimeters with a negative zero value, -0mm
The 'vertical-align' property sets a negative zero length value in millimeters.
vertical-align-053 (ahem)
Vertical-align using millimeters with a zero value, 0mm
The 'vertical-align' property sets a zero length value in millimeters.
vertical-align-054 (ahem)
Vertical-align using millimeters with a positive zero value, +0mm
The 'vertical-align' property sets a positive zero length value in millimeters.
vertical-align-055 (ahem)
Vertical-align using millimeters with a nominal value, 25.4mm
The 'vertical-align' property sets a nominal length value in millimeters.
vertical-align-056 (ahem)
Vertical-align using millimeters with a positive nominal value, +25.4mm
The 'vertical-align' property sets a positive nominal length value in millimeters.
vertical-align-064 (ahem)
Vertical-align using inches with a negative zero value, -0in
The 'vertical-align' property sets a negative zero length value in inches.
vertical-align-065 (ahem)
Vertical-align using inches with a zero value, 0in
The 'vertical-align' property sets a zero length value in inches.
vertical-align-066 (ahem)
Vertical-align using inches with a positive zero value, +0in
The 'vertical-align' property sets a positive zero length value in inches.
vertical-align-067 (ahem)
Vertical-align using inches with a nominal value, 1in
The 'vertical-align' property sets a nominal length value in inches.
vertical-align-068 (ahem)
Vertical-align using inches with a positive nominal value, +1in
The 'vertical-align' property sets a positive nominal length value in inches.
vertical-align-076 (ahem)
Vertical-align using 'em' units with a negative zero value, -0em
The 'vertical-align' property sets a negative zero length value in 'em' units.
vertical-align-077 (ahem)
Vertical-align using 'em' units with a zero value, 0em
The 'vertical-align' property sets a zero length value in 'em' units.
vertical-align-078 (ahem)
Vertical-align using 'em' units with a positive zero value, +0em
The 'vertical-align' property sets a positive zero length value in 'em' units.
vertical-align-079 (ahem)
Vertical-align using 'em' units with a nominal value, 6em
The 'vertical-align' property sets a nominal length value in 'em' units.
vertical-align-080 (ahem)
Vertical-align using 'em' units with a positive nominal value, +6em
The 'vertical-align' property sets a positive nominal length value in 'em' units.
vertical-align-088 (ahem)
Vertical-align using 'ex' units with a negative zero value, -0ex
The 'vertical-align' property sets a negative zero length value in 'ex' units.
vertical-align-089 (ahem)
Vertical-align using 'ex' units with a zero value, 0ex
The 'vertical-align' property sets a zero length value in 'ex' units.
vertical-align-090 (ahem)
Vertical-align using 'ex' units with a positive zero value, +0ex
The 'vertical-align' property sets a positive zero length value in 'ex' units.
vertical-align-091 (ahem)
Vertical-align using 'ex' units with a nominal value, 6ex
The 'vertical-align' property sets a nominal length value in 'ex' units.
vertical-align-092 (ahem)
Vertical-align using 'ex' units with a positive nominal value, +6ex
The 'vertical-align' property sets a positive nominal length value in 'ex' units.
vertical-align-100 (ahem)
Vertical-align using percentages with a negative zero value, -0%
The 'vertical-align' property sets a negative zero length value in percentages.
vertical-align-101 (ahem)
Vertical-align using percentages with a zero value, 0%
The 'vertical-align' property sets a zero length value in percentages.
vertical-align-102 (ahem)
Vertical-align using percentages with a positive zero value, +0%
The 'vertical-align' property sets a positive zero length value in percentages.
vertical-align-103 (ahem)
Vertical-align using percentages with a nominal value, 100%
The 'vertical-align' property sets a nominal length value in percentages.
vertical-align-104 (ahem)
Vertical-align using percentages with a positive nominal value, +100%
The 'vertical-align' property sets a positive nominal length value in percentages.
vertical-align-109 (ahem)
Vertical-align with a negative zero value and no units, -0
The 'vertical-align' property sets a negative zero length value with no units.
vertical-align-110 (ahem)
Vertical-align with a zero value and no units, 0
The 'vertical-align' property sets a zero length value with no units.
vertical-align-111 (ahem)
Vertical-align with a positive zero value and no units, +0
The 'vertical-align' property sets a positive zero length value with no units.
vertical-align-112 (ahem)
Vertical-align with a keyword, 'baseline'
The 'vertical-align' property sets the keyword 'baseline'.
vertical-align-113 (ahem)
Vertical-align with a keyword, 'bottom'
The 'vertical-align' property sets the keyword 'bottom'.
vertical-align-114 (ahem)
Vertical-align with a keyword, 'middle'
The 'vertical-align' property sets the keyword 'middle'.
vertical-align-115 (ahem)
Vertical-align with a keyword, 'sub'
The 'vertical-align' property sets the keyword 'sub'.
vertical-align-116 (ahem)
Vertical-align with a keyword, 'super'
The 'vertical-align' property sets the keyword 'super'.
vertical-align-117 (ahem)
Vertical-align with a keyword, 'text-bottom'
The 'vertical-align' property sets the keyword 'text-bottom'.
vertical-align-118 (ahem)
Vertical-align with a keyword, 'text-top'
The 'vertical-align' property sets the keyword 'text-top'.
vertical-align-119 (ahem)
Vertical-align with a keyword, 'top'
The 'vertical-align' property sets the keyword 'top'.
vertical-align-120 (ahem)
Vertical-align with a keyword, 'inherit'
The 'vertical-align' property sets the keyword 'inherit' and inherits the computed value from the parent element.
vertical-align-applies-to-001 (ahem)
Vertical-align applied to elements with 'display' set to 'table-row-group'
The 'vertical-align' property does not apply to elements with 'display' set to 'table-row-group'.
vertical-align-applies-to-002 (ahem)
Vertical-align applied to elements with 'display' set to 'table-header-group'
The 'vertical-align' property does not apply to elements with 'display' set to 'table-header-group'.
vertical-align-applies-to-003 (ahem)
Vertical-align applied to elements with 'display' set to 'table-footer-group'
The 'vertical-align' property does not apply to elements with 'display' set to 'table-footer-group'.
vertical-align-applies-to-004 (ahem)
Vertical-align applied to elements with 'display' set to 'table-row'
The 'vertical-align' property does not apply to elements with 'display' set to 'table-row'.
vertical-align-applies-to-005 (ahem)
Vertical-align applied to elements with 'display' set to 'table-column-group'
The 'vertical-align' property does not apply to elements with 'display' set to 'table-column-group'.
vertical-align-applies-to-006 (ahem)
Vertical-align applied to elements with 'display' set to 'table-column'
The 'vertical-align' property does not apply to elements with 'display' set to 'table-column'.
vertical-align-applies-to-007 (ahem)
Vertical-align applied to elements with 'display' set to 'table-cell'
The 'vertical-align' property applies to elements with 'display' set to 'table-cell'.
vertical-align-applies-to-008 (ahem)
Vertical-align applied to elements with 'display' set to 'inline'
The 'vertical-align' property applies to elements with 'display' set to 'inline'.
vertical-align-applies-to-009 (ahem)
Vertical-align applied to elements with 'display' set to 'block'
The 'vertical-align' property does not apply to elements with 'display' set to 'block'.
vertical-align-applies-to-010 (ahem)
Vertical-align applied to elements with 'display' set to 'list-item'
The 'vertical-align' property does not apply to elements with 'display' set to 'list-item'.
vertical-align-applies-to-012 (ahem)
Vertical-align applied to elements with 'display' set to 'inline-block'
The 'vertical-align' property does not apply to elements with 'display' set to 'inline-block'.
vertical-align-applies-to-013 (ahem)
Vertical-align applied to elements with 'display' set to 'table'
The 'vertical-align' property does not apply to elements with 'display' set to 'table'.
vertical-align-applies-to-014 (ahem)
Vertical-align applied to elements with 'display' set to 'inline-table'
The 'vertical-align' property does not apply to elements with 'display' set to 'inline-table'.
vertical-align-applies-to-015 (ahem)
Vertical-align applied to elements with 'display' set to 'table-caption'
The 'vertical-align' property does not apply to elements with 'display' set to 'table-caption'.
vertical-align-baseline-001 (ahem)
Vertical-align set to '0%' is equal to 'baseline'
The 'vertical-align' property set to '0%' means the same as the 'baseline'.
vertical-align-baseline-002 (ahem)
Vertical-align set to '0' is equal to 'baseline'
The 'vertical-align' property set to '0' means the same as the 'baseline'.
vertical-align-baseline-003
Vertical-align applied to 'inline-block' and baseline alignment
The 'vertical-align' property aligns the last line box of 'inline-block' elements with the baseline.
vertical-align-baseline-004 (ahem)
Vertical-align applied to empty 'inline-block' and baseline alignment
The 'vertical-align' property aligns an empty 'inline-block' elements' bottom margin edge with the baseline.
vertical-align-baseline-005 (ahem)
Vertical-align applied to an 'inline-block' with 'overflow' not set to 'visible' and baseline alignment
The 'vertical-align' property aligns an 'inline-block' elements' bottom margin edge with the baseline when 'overflow' is not set to 'visible'.
vertical-align-baseline-006
Baseline alignment with an inline element parent
The baseline of an inline element is aligned with the baseline of its child inline-block when 'vertical-align: baseline' is specified on the child.
vertical-align-baseline-007
Baseline alignment with a block element parent
The baseline of a block element is aligned with the baseline of its child inline element when 'vertical-align: baseline' is specified on the child.
vertical-align-baseline-008
Baseline alignment with a table-cell element parent
The baseline of a table cell element is aligned with the baseline of its child inline element when 'vertical-align: baseline' is specified on the child.
vertical-align-baseline-009
Baseline alignment with a table caption element parent
The baseline of a table caption element is aligned with the baseline of its child inline element when 'vertical-align: baseline' is specified on the child.
vertical-align-baseline-010
Baseline alignment with an inline-block element parent
The baseline of an inline-block element is aligned with the baseline of its child inline element when 'vertical-align: baseline' is specified on the child.
vertical-align-sub-001
Vertical-align set to 'sub' does not adjust font-size
The 'vertical-align' property value 'sub' has no effect on the font-size of an element's text.
vertical-align-super-001
Vertical-align set to 'super' does not adjust font-size
The 'vertical-align' property value 'super' has no effect on the font-size of an element's text.