CSS 2.1 Conformance Test Suite

Box model (11 tests)

Test Refs Flags Info
+ 8 Box model
+ 8.1 Box dimensions
+ 8.2 Example of margins, padding, and borders
+ 8.3 Margin properties: 'margin-top', 'margin-right', 'margin-bottom', 'margin-left', and 'margin'
margin-bottom-composition Script margin-bottom composition
  • margin-bottom supports animation
margin-interpolation Script margin interpolation
  • margin supports animation
margin-left-composition Script margin-left composition
  • margin-left supports animation
margin-right-composition Script margin-right composition
  • margin-right supports animation
margin-top-composition Script margin-top composition
  • margin-top supports animation
percentage-margins-001 Script CSS Flexbox: percent margins with flex child
  • This test ensures that percent margins always are computed with respect to the containing block's width even when there is flex on any child.
+ 8.3.1 Collapsing margins
+ 8.4 Padding properties: 'padding-top', 'padding-right', 'padding-bottom', 'padding-left', and 'padding'
+ 8.5 Border properties
+ 8.5.1 Border width: 'border-top-width', 'border-right-width', 'border-bottom-width', 'border-left-width', and 'border-width'
border-bottom-width-composition Script border-bottom-width composition
  • border-bottom-width supports animation by computed value
border-left-width-composition Script border-left-width composition
  • border-left-width supports animation by computed value
border-right-width-composition Script border-right-width composition
  • border-right-width supports animation by computed value
+ 8.5.2 Border color: 'border-top-color', 'border-right-color', 'border-bottom-color', 'border-left-color', and 'border-color'
+ 8.5.3 Border style: 'border-top-style', 'border-right-style', 'border-bottom-style', 'border-left-style', and 'border-style'
groove-default Groove border with default color should actually show a groove border
ridge-default ridge border with default color should actually show a ridge border
+ 8.5.4 Border shorthand properties: 'border-top', 'border-right', 'border-bottom', 'border-left', and 'border'
+ 8.6 The box model for inline elements in bidirectional context