10.6.2 Inline replaced elements, block-level replaced elements in normal flow, 'inline-block' replaced elements in normal flow and floating replaced elements

Chapter 10 - Visual formatting model details - 10.6.2 Inline replaced elements, block-level replaced elements in normal flow, 'inline-block' replaced elements in normal flow and floating replaced elements

Go to the relevant page of the specification.

block-replaced-height-001 (image)
Block replaced elements with 'margin-top' and 'margin-bottom' as 'auto'
A block replaced elements' used value of 'margin-top' and/or 'margin-bottom' set to 'auto' is '0'.
block-replaced-height-002 (image)
Block replaced elements relying on intrinsic height dimensions
The 'height' is the intrinsic height when an block replaced element with and intrinsic height has a 'height' and 'width' computed as 'auto'.
block-replaced-height-003 (image)
Block replaced elements with intrinsic ratios and 'height' set to 'auto'
The 'height' is the used width divided by the ratio when an block replaced element has an intrinsic ratio, 'height' is set to 'auto' and 'width' is specified.
block-replaced-height-004
Block replaced elements without intrinsic ratios and 'height' set to 'auto'
For block replaced elements the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width.
block-replaced-height-005
Block replaced elements with percentage based intrinsic height
A block replaced elements with a percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.
block-replaced-height-006 (nonHTML, svg)
Absolutely positioned block replaced elements with percentage based intrinsic height
A block replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned.
block-replaced-height-007
Block replaced elements with percentage based intrinsic height that cannot be resolved
A block replaced elements with a percentage height that cannot be resolved has no intrinsic height.
c43-rpl-bbx-000 (image)
Replaced Elements
c43-rpl-bbx-001 (image)
Replaced Elements
c43-rpl-bbx-002 (ahem, image)
Replaced Elements
c43-rpl-ibx-000 (ahem, image)
Replaced Elements
float-replaced-height-001 (image)
Floated replaced elements with 'margin-top' and 'margin-bottom' as 'auto'
A floated replaced elements' used value of 'margin-top' and/or 'margin-bottom' set to 'auto' is '0'.
float-replaced-height-002 (image)
Floated replaced elements relying on intrinsic height dimensions
The 'height' is the intrinsic height when an floated replaced element with and intrinsic height has a 'height' and 'width' computed as 'auto'.
float-replaced-height-003 (image)
Floating replaced elements with intrinsic ratios and 'height' set to 'auto'
The 'height' is the used width divided by the ratio when an floated replaced element has an intrinsic ratio, 'height' is set to 'auto' and 'width' is specified.
float-replaced-height-004
Floated replaced elements without intrinsic ratios and 'height' set to 'auto'
For floated replaced elements the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width.
float-replaced-height-005
Floated replaced elements with percentage based intrinsic height
A floated replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.
float-replaced-height-006 (nonHTML, svg)
Absolutely positioned floated replaced elements with percentage based intrinsic height
A floated replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned.
float-replaced-height-007
Floated replaced elements with percentage based intrinsic height that cannot be resolved
A floated replaced elements with a percentage height that cannot be resolved has no intrinsic height.
inline-block-height-001
Test for height:auto on inline-block
inline-block-height-002
Test for height: on inline-block
inline-block-replaced-height-001 (image)
Inline-block replaced elements with 'margin-top' and 'margin-bottom' as 'auto'
An inline-block replaced elements' used value of 'margin-top' and/or 'margin-bottom' set to 'auto' is '0'.
inline-block-replaced-height-002 (image)
Inline-block replaced elements relying on intrinsic height dimensions
The 'height' is the intrinsic height when an inline-block replaced element with and intrinsic height has a 'height' and 'width' computed as 'auto'.
inline-block-replaced-height-003 (image)
Inline-block replaced elements with intrinsic ratios and 'height' set to 'auto'
The 'height' is the used width divided by the ratio when an inline-block replaced element has an intrinsic ratio, 'height' is set to 'auto' and 'width' is specified.
inline-block-replaced-height-004
Inline-block replaced elements without intrinsic ratios and 'height' set to 'auto'
For inline-block replaced elements the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width.
inline-block-replaced-height-005
Inline-block replaced elements with percentage based intrinsic height
An inline-block replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.
inline-block-replaced-height-006 (nonHTML, svg)
Absolutely positioned inline-block replaced elements with percentage based intrinsic height
An inline-block replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned.
inline-block-replaced-height-007
Inline-block replaced elements with percentage based intrinsic height that cannot be resolved
An inline-block replaced elements with a percentage height that cannot be resolved has no intrinsic height.
inline-replaced-height-001 (image)
Inline replaced elements with 'margin-top' and 'margin-bottom' as 'auto'
An inline replaced elements' used value of 'margin-top' and/or 'margin-bottom' set to 'auto' is '0'.
inline-replaced-height-002 (image)
Inline replaced elements relying on intrinsic height dimensions
The 'height' is the intrinsic height when an inline replaced element with and intrinsic height has a 'height' and 'width' computed as 'auto'.
inline-replaced-height-003 (image)
Inline replaced elements with intrinsic ratios and 'height' set to 'auto'
The 'height' is the used width divided by the ratio when an inline replaced element has an intrinsic ratio, 'height' is set to 'auto' and 'width' is specified.
inline-replaced-height-004
Inline replaced elements without intrinsic ratios and 'height' set to 'auto'
For inline replaced elements the 'height' is set to the largest rectangle that has a 2:1 ratio that is not greater than 150px and has a 'width' not greater than the device width.
inline-replaced-height-005
Inline replaced elements with percentage based intrinsic height
An inline replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.
inline-replaced-height-006 (nonHTML, svg)
Absolutely positioned inline replaced elements with percentage based intrinsic height
An inline replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned.
inline-replaced-height-007
Inline replaced elements with percentage based intrinsic height that cannot be resolved
An inline replaced elements with a percentage height that cannot be resolved has no intrinsic height.
replaced-intrinsic-004 (svg)
Auto Intrinsic Sizes: Intrinsic Height Only and Specified Width
A replaced element with an intrinsic height only and a specified width is drawn at the specified width and intrinsic height.
replaced-intrinsic-ratio-001 (may, svg)
Auto Width for Replaced Element with Intrinsic Ratio Only