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