CSS Backgrounds and Borders Module Level 3 CR Test Suite

Borders (25 tests)

Test Refs Flags Info
+ 4 Borders
border-001 = Border set using border-width
  • The 'border' shorthand property properly accepts and sets border-width.
border-003 = Border set using border-color
  • The 'border' shorthand property properly accepts and sets border-color.
border-005 = Border set using border-width border-color
  • The 'border' shorthand property properly accepts and sets 'border-width' and 'border-color'.
border-006 = Border set using border-style border-width
  • The 'border' shorthand property properly accepts and sets 'border-style' and 'border-width'.
border-008 = Border set using border-color border-width
  • The 'border' shorthand property properly accepts and sets 'border-color' and 'border-width'.
+ 4.1 Line Colors: the ‘border-color’ properties
border-color_transparent border-clip_border-box
  • Test transparent of border-color
border-radius-style-001 'Border-radius' is set with 'border-style: dotted'
  • 'Border-style: dotted' follows the curve of the border.
ttwf-css3background-border-color Bitmaps border_color
  • 'Border-color' is a shorthand for the four 'border-*-color' properties. The four values set the top, right, bottom and left border, respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.
ttwf-css3background-border-color-shorthand Bitmaps border_color_shorthand
  • 'Border-color' is a shorthand for the four 'border-*-color' properties. The four values set the top, right, bottom and left border, respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.
ttwf-css3background-border-color-shorthand-missing-bottom Bitmaps border_color_shorthand_missing_bottom
  • 'Border-color' is a shorthand for the four 'border-*-color' properties. The four values set the top, right, bottom and left border, respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.
ttwf-css3background-border-color-shorthand-missing-left Bitmaps border_color_shorthand_missing_left
  • 'Border-color' is a shorthand for the four 'border-*-color' properties. The four values set the top, right, bottom and left border, respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.
ttwf-css3background-border-color-shorthand-missing-right Bitmaps border_color_shorthand_missing_right
  • 'Border-color' is a shorthand for the four 'border-*-color' properties. The four values set the top, right, bottom and left border, respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.
+ 4.2 Line Patterns: the ‘border-style’ properties
border-radius-style-002 'Border-radius' is set with 'border-style: dashed'
  • 'Border-style: dashed' follows the curve of the border.
border-radius-style-003 'Border-radius' is set with 'border-style: double'
  • 'Border-style: double' follows the curve of the border.
border-radius-style-004 'Border-radius' is set with 'border-style: solid'
  • 'Border-style: solid' follows the curve of the border.
border-radius-style-005 'Border-radius' is set with 'border-style: none'
  • 'Border-style: none' follows the curve of the border.
ttwf-css3background-border-style Bitmaps border_style
  • ‘Border-style’ is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.
ttwf-css3background-border-style-double Bitmaps border_style_double
  • ‘Border-style’ is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. ‘double’: Two parallel solid lines with some space between them. (The thickness of the lines is not specified, but the sum of the lines and the space must equal ‘border-width’.)
ttwf-css3background-border-style-shorthand Bitmaps border_style_shorthand
  • ‘Border-style’ is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.
ttwf-css3background-border-style-shorthand-missing-bottom Bitmaps border_style
  • ‘Border-style’ is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.
ttwf-css3background-border-style-shorthand-missing-left Bitmaps border_style
  • ‘Border-style’ is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.
ttwf-css3background-border-style-values border_style_values
  • &acirc;&#8364;&#732;Border-style&acirc;&#8364;&#8482; is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. <border-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
+ 4.3 Line Thickness: the ‘border-width’ properties
css3-background-clip = the background is pruned to content box
css3-background-size = the size of the background image
css3-box-shadow = the test passes if adding one or more shadow to the box
+ 4.4 Border Shorthand Properties
border-001 = Border set using border-width
  • The 'border' shorthand property properly accepts and sets border-width.
border-003 = Border set using border-color
  • The 'border' shorthand property properly accepts and sets border-color.
border-005 = Border set using border-width border-color
  • The 'border' shorthand property properly accepts and sets 'border-width' and 'border-color'.
border-006 = Border set using border-style border-width
  • The 'border' shorthand property properly accepts and sets 'border-style' and 'border-width'.
border-008 = Border set using border-color border-width
  • The 'border' shorthand property properly accepts and sets 'border-color' and 'border-width'.