WeasySuite - 10.3.8 Absolutely positioned, replaced elements

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

Go to the relevant page of the specification.

absolute-replaced-width-001 (image): Absolute replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic width
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
absolute-replaced-width-002 (nonHTML, svg): Absolute replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic height
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.
absolute-replaced-width-003 (nonHTML, svg): Absolute replaced elements and 'auto' specified for 'margin-left', 'margin-right' and 'height'
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.
absolute-replaced-width-004 (nonHTML, svg): Absolute replaced elements and 'auto' specified for 'margin-left', 'margin-right' and no intrinsic height or width
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements.
absolute-replaced-width-006 (image): Absolute replaced elements and 'auto' specified for 'margin-left', 'margin-right' and percentage intrinsic width
Percentage intrinsic widths are evaluated against the containing block's width.
absolute-replaced-width-008 (image): Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'left', 'right' and intrinsic width
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
absolute-replaced-width-009 (nonHTML, svg): Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'left', 'right' and intrinsic height
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.
absolute-replaced-width-010 (nonHTML, svg): Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'left', 'right' and 'height'
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.
absolute-replaced-width-011 (nonHTML, svg): Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'left', 'right' and no intrinsic height or width
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements.
absolute-replaced-width-013 (image): Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'left', 'right' and percentage intrinsic width
Percentage intrinsic widths are evaluated against the containing block's width.
absolute-replaced-width-015 (image): Absolute replaced elements with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'left', 'right' and intrinsic width
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
absolute-replaced-width-020 (image): Absolute replaced elements with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'left', 'right' and percentage intrinsic width
Percentage intrinsic widths are evaluated against the containing block's width.
absolute-replaced-width-022 (image): Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'right' and intrinsic width
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
absolute-replaced-width-023 (nonHTML, svg): Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'right' and intrinsic height
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.
absolute-replaced-width-024 (nonHTML, svg): Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'right' and 'height'
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.
absolute-replaced-width-025 (nonHTML, svg): Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'right' and no intrinsic height or width
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements.
absolute-replaced-width-027 (image): Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right', 'right' and percentage intrinsic width
Percentage intrinsic widths are evaluated against the containing block's width.
absolute-replaced-width-029 (image): Absolute replaced elements with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'right' and intrinsic width
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
absolute-replaced-width-030 (nonHTML, svg): Absolute replaced elements with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'right' and intrinsic height
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.
absolute-replaced-width-031 (nonHTML, svg): Absolute replaced elements with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'right' and 'height'
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.
absolute-replaced-width-032 (nonHTML, svg): Absolute replaced elements with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'right' and no intrinsic height or width
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements.
absolute-replaced-width-034 (image): Absolute replaced elements with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right', 'right' and percentage intrinsic width
Percentage intrinsic widths are evaluated against the containing block's width.
absolute-replaced-width-036 (image): Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right' and intrinsic width
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
absolute-replaced-width-037 (nonHTML, svg): Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right' and intrinsic height
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.
absolute-replaced-width-038 (nonHTML, svg): Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right' and 'height'
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.
absolute-replaced-width-039 (nonHTML, svg): Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right' and no intrinsic height or width
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements.
absolute-replaced-width-041 (image): Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-left', 'margin-right' and percentage intrinsic width
Percentage intrinsic widths are evaluated against the containing block's width.
absolute-replaced-width-043 (image): Absolute replaced elements with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right' and intrinsic width
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
absolute-replaced-width-048 (image): Absolute replaced elements with 'direction' as right-to-left, 'auto' specified for 'margin-left', 'margin-right' and percentage intrinsic width
Percentage intrinsic widths are evaluated against the containing block's width.
absolute-replaced-width-050 (image): Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-right' and intrinsic width
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
absolute-replaced-width-051 (nonHTML, svg): Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-right' and intrinsic height
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.
absolute-replaced-width-052 (nonHTML, svg): Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-right' and 'height'
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.
absolute-replaced-width-053 (nonHTML, svg): Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-right' and no intrinsic height or width
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements.
absolute-replaced-width-055 (image): Absolute replaced elements with 'direction' as left-to-right, 'auto' specified for 'margin-right' and percentage intrinsic width
Percentage intrinsic widths are evaluated against the containing block's width.
absolute-replaced-width-057 (image): Absolute replaced elements with 'direction' as right-to-left, 'auto' specified for 'margin-right' and intrinsic width
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
absolute-replaced-width-062 (image): Absolute replaced elements with 'direction' as right-to-left, 'auto' specified for 'margin-right' and percentage intrinsic width
Percentage intrinsic widths are evaluated against the containing block's width.
absolute-replaced-width-064 (image): Absolute replaced elements with 'direction' as left-to-right, intrinsic width and over-constrained situation
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
absolute-replaced-width-065 (nonHTML, svg): Absolute replaced elements with 'direction' as left-to-right, intrinsic height and over-constrained situation
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.
absolute-replaced-width-066 (nonHTML, svg): Absolute replaced elements with 'direction' as left-to-right, 'height' and over-constrained situation
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The 'width' is (used height) * (intrinsic ratio) if there is no intrinsic width but there is intrinsic height and ratio.
absolute-replaced-width-067 (nonHTML, svg): Absolute replaced elements with 'direction' as left-to-right, no intrinsic height or width and over-constrained situation
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements.
absolute-replaced-width-069 (image): Absolute replaced elements with 'direction' as left-to-right, percentage intrinsic width and over-constrained situation
Percentage intrinsic widths are evaluated against the containing block's width.
absolute-replaced-width-071 (image): Absolute replaced elements with 'direction' as right-to-left, intrinsic width and over-constrained situation
Computed value of 'auto' for 'margin-left' or margin-right' on absolute replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'.
absolute-replaced-width-076 (image): Absolute replaced elements with 'direction' as right-to-left, percentage intrinsic width and over-constrained situation
Percentage intrinsic widths are evaluated against the containing block's width.
abspos-replaced-width-margin-000: CSS2.1:10.3.8 Comprehensive - Absolutely Positioned Replaced Horizontal Size+Position Calculations
The values of 'left', 'right', 'margin-left', 'margin-right', and 'width' are calculated correctly for absolutely positioned replaced elements according to CSS2.1 Section 10.3.7.