WeasySuite - 10.6.5 Absolutely positioned, replaced elements

Chapter 10 - Visual formatting model details - 10.6.5 Absolutely positioned, replaced elements

Go to the relevant page of the specification.

absolute-replaced-height-001 (image): Absolute replaced elements with 'margin-top' and 'margin-bottom' as 'auto'
An absolutely positioned replaced elements' used value of 'margin-top' and/or 'margin-bottom' set to 'auto' is '0'.
absolute-replaced-height-002 (image): Absolute replaced elements relying on intrinsic height dimensions
The 'height' is the intrinsic height when an absolutely positioned replaced element with and intrinsic height has a 'height' and 'width' computed as 'auto'.
absolute-replaced-height-003 (image): Absolute replaced elements with intrinsic ratios and 'height' set to 'auto'
The 'height' is the used width divided by the ratio when an absolutely positioned replaced element has an intrinsic ratio, 'height' is set to 'auto' and 'width' is specified.
absolute-replaced-height-004: Absolute replaced elements without intrinsic ratios and 'height' set to 'auto'
For an absolutely positioned replaced element 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.
absolute-replaced-height-005: Absolute replaced elements with percentage based intrinsic height
An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.
absolute-replaced-height-006 (nonHTML, svg): Absolutely positioned inline replaced elements with percentage based intrinsic height
An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned.
absolute-replaced-height-007: Absolute replaced elements with percentage based intrinsic height that cannot be resolved
An absolutely positioned replaced element with a percentage height that cannot be resolved has no intrinsic height.
absolute-replaced-height-008 (image): Absolute replaced elements with 'margin-top', 'margin-bottom' and 'bottom' as 'auto'
An absolutely positioned replaced elements' used value of 'bottom', 'margin-top' and/or 'margin-bottom' set to 'auto' is '0'.
absolute-replaced-height-009 (image): Absolute replaced elements relying on intrinsic height dimensions and 'bottom' set to 'auto'
The 'height' is the intrinsic height when an absolutely positioned replaced element with and intrinsic height has a 'height', 'width' and 'bottom' computed as 'auto'.
absolute-replaced-height-010 (image): Absolute replaced elements with intrinsic ratios, 'height' and 'bottom' set to 'auto'
The 'height' is the used width divided by the ratio when an absolutely positioned replaced element has an intrinsic ratio, 'height' and 'bottom' are set to 'auto' and 'width' is specified.
absolute-replaced-height-011: Absolute replaced elements without intrinsic ratios, 'height' and 'bottom' set to 'auto'
For an absolutely positioned replaced element 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.
absolute-replaced-height-012: Absolute replaced elements with percentage based intrinsic height and 'bottom' set to 'auto'
An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.
absolute-replaced-height-013 (nonHTML, svg): Absolutely positioned inline replaced elements with percentage based intrinsic height and 'bottom' set to 'auto'
An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned.
absolute-replaced-height-014: Absolute replaced elements with percentage based intrinsic height that cannot be resolved and 'top' specified
An absolutely positioned replaced element with a percentage height that cannot be resolved has no intrinsic height.
absolute-replaced-height-016 (image): Absolute replaced elements relying on intrinsic height dimensions and 'top', 'bottom' are not 'auto'
The 'height' is the intrinsic height when an absolutely positioned replaced element with and intrinsic height has a 'height', 'width' computed as 'auto' and 'top', 'bottom' are not 'auto'.
absolute-replaced-height-017 (image): Absolute replaced elements with intrinsic ratios, 'height' set to 'auto' and 'top', 'bottom' are not 'auto'
The 'height' is the used width divided by the ratio when an absolutely positioned replaced element has an intrinsic ratio, 'height' is set to 'auto', 'width' is specified and 'top', 'bottom' are not 'auto'.
absolute-replaced-height-018: Absolute replaced elements without intrinsic ratios, 'height' set to 'auto' and 'top', 'bottom' are not 'auto'
For an absolutely positioned replaced element 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.
absolute-replaced-height-019: Absolute replaced elements with percentage based intrinsic height set to 'auto' and 'top', 'bottom' are not 'auto'
An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.
absolute-replaced-height-020 (nonHTML, svg): Absolutely positioned inline replaced elements with percentage based intrinsic height set to 'auto' and 'top', 'bottom' are not 'auto'
An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned.
absolute-replaced-height-021: Absolute replaced elements with percentage based intrinsic height that cannot be resolved where 'top' and 'bottom' are not 'auto'
An absolutely positioned replaced element with a percentage height that cannot be resolved has no intrinsic height.
absolute-replaced-height-022 (image): Absolute replaced elements with 'margin-bottom' as 'auto' and 'top', 'bottom', 'margin-top' are not 'auto'
An absolutely positioned replaced element with only one value as 'auto' solves for that value (margin-bottom).
absolute-replaced-height-023 (image): Absolute replaced elements relying on intrinsic height dimensions and 'top', 'bottom', 'margin-top' are not 'auto'
The 'height' is the intrinsic height when an absolutely positioned replaced element with and intrinsic height has a 'height', 'width' computed as 'auto' and 'top', 'bottom' are not 'auto'.
absolute-replaced-height-024 (image): Absolute replaced elements with intrinsic ratios, 'height' set to 'auto' and 'top', 'bottom', 'margin-top' are not 'auto'
The 'height' is the used width divided by the ratio when an absolutely positioned replaced element has an intrinsic ratio, 'height' is set to 'auto', 'width' is specified and 'top', 'bottom' are not 'auto'.
absolute-replaced-height-025: Absolute replaced elements without intrinsic ratios, 'height' set to 'auto' and 'top', 'bottom', 'margin-top' are not 'auto'
For an absolutely positioned replaced element 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.
absolute-replaced-height-026: Absolute replaced elements with percentage based intrinsic height set to 'auto' and 'top', 'bottom', 'margin-top' are not 'auto'
An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.
absolute-replaced-height-027 (nonHTML, svg): Absolutely positioned inline replaced elements with percentage based intrinsic height set to 'auto' and 'top', 'bottom', 'margin-top' are not 'auto'
An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned.
absolute-replaced-height-028: Absolute replaced elements with percentage based intrinsic height that cannot be resolved where 'top', 'bottom', 'margin-top' are not 'auto'
An absolutely positioned replaced element with a percentage height that cannot be resolved has no intrinsic height.
absolute-replaced-height-029 (image): Absolute replaced elements with over-constrained values
An absolutely positioned replaced element with over-constrained values solves for 'bottom'.
absolute-replaced-height-030 (image): Absolute replaced elements relying on intrinsic height dimensions and over-constrained values
The 'height' is the intrinsic height when an absolutely positioned replaced element with and intrinsic height with over-constrained values solves for 'bottom'.
absolute-replaced-height-031 (image): Absolute replaced elements with intrinsic ratios, 'height' set to 'auto' and over-constrained values
The 'height' is the used width divided by the ratio when an absolutely positioned replaced element has an intrinsic ratio, 'height' is set to 'auto', with over-constrained values solves for 'bottom'.
absolute-replaced-height-032: Absolute replaced elements without intrinsic ratios, 'height' set to 'auto' and over-constrained values
For an absolutely positioned replaced element 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. And with over-constrained values element solves for 'bottom'.
absolute-replaced-height-033: Absolute replaced elements with percentage based intrinsic height set to 'auto' and over-constrained values
An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block height when percentage is explicitly specified.
absolute-replaced-height-034 (nonHTML, svg): Absolutely positioned inline replaced elements with percentage based intrinsic height set to 'auto' and over-constrained values
An absolutely positioned replaced element with percentage intrinsic height resolves based on the containing block when the replaced element is absolutely positioned.
absolute-replaced-height-035: Absolute replaced elements with percentage based intrinsic height that cannot be resolved and there are over-constrained values
An absolutely positioned replaced element with a percentage height that cannot be resolved has no intrinsic height.