Chapter 10 - Visual formatting model details - 10.3.2 Inline, replaced elements
Go to the relevant page of the specification.
- inline-replaced-width-001 (image)
-
Inline replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic width
Computed value of 'auto' for 'margin-left' or margin-right' on inline replaced elements becomes a used value of '0'. The intrinsic width is also used if 'height' and 'width' are 'auto'. - inline-replaced-width-002 (nonHTML, svg)
-
Inline replaced elements and 'auto' specified for 'margin-left', 'margin-right' and intrinsic height
Computed value of 'auto' for 'margin-left' or margin-right' on inline 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. - inline-replaced-width-003 (nonHTML, svg)
-
Inline replaced elements and 'auto' specified for 'margin-left', 'margin-right' and 'height'
Computed value of 'auto' for 'margin-left' or margin-right' on inline 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. - inline-replaced-width-004 (nonHTML, svg)
-
Inline 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 inline replaced elements becomes a used value of '0'. The height and width are adjusted by the constraints for block-level, non-replaced elements. - inline-replaced-width-006 (image)
-
Inline 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. - inline-replaced-width-011
-
Replaced inline elements with % widths
- inline-replaced-width-012
-
Replaced inline elements wrapping around floats (% widths)
- inline-replaced-width-013
-
Replaced inline elements wrapping around floats (pixel widths)
- inline-replaced-width-014
-
Replaced inline elements with % widths
- inline-replaced-width-015
-
Replaced inline elements wrapping around floats (% widths)
- replaced-intrinsic-001 (svg)
-
Replaced inline elements (using
- replaced-intrinsic-002 (svg)
-
Replaced inline elements (using
- replaced-intrinsic-003 (image, svg)
-
Replaced block elements (using
- replaced-intrinsic-005 (svg)
-
Auto Intrinsic Sizes: Intrinsic Width Only and Auto Height
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