Chapter 10 - Visual formatting model details - 10.3.4 Block-level, replaced elements in normal flow
Go to the relevant page of the specification.
- block-replaced-width-001 (ahem, image)
-
Block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic width
Computed value of 'auto' for 'margin-left' or margin-right' on block replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'. - block-replaced-width-002 (nonHTML, svg)
-
Block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic height
Computed value of 'auto' for 'margin-left' or margin-right' on block 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. - block-replaced-width-003 (nonHTML, svg)
-
Block replaced elements and 'auto' specified for 'margin-left', 'margin-right' and 'height'
Computed value of 'auto' for 'margin-left' or margin-right' on block 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. - block-replaced-width-004 (nonHTML, svg)
-
Block 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 block replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements. - block-replaced-width-006 (ahem, image)
-
Block 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. - c43-center-000 (ahem, image)
-
Replaced Elements
- c43-rpl-bbx-000 (image)
-
Replaced Elements
- c43-rpl-bbx-001 (image)
-
Replaced Elements
- replaced-elements-001
-
replaced elements - margin
Block-level, replaced elements with margin-left: auto and margin-right: auto should be centered within their respective parent block