CSS Backgrounds and Borders Module Level 3 CR Test Suite

Miscellaneous Effects (17 tests)

Test Refs Flags Info
+ 6 Miscellaneous Effects
+ 6.1 Drop Shadows: the box-shadow property
box-shadow-001 = Collapsed borders and box-shadow
  • box-shadow size and location on a cell with collapsed borders are calculated correctly
box-shadow-composition Script box-shadow composition
box-shadow-interpolation Script
box-shadow-029 = box-shadow and empty box (edge)
  • This test checks that an empty box can have a box shadow.
box-shadow-039 = box-shadow in 3 sub-tests with not inset and Npx 0px
box-shadow-040 = box-shadow in 3 sub-tests with not inset and Npx Mpx
box-shadow-041 = box-shadow in 3 sub-tests with inset and Npx 0px
box-shadow-042 = box-shadow in 3 sub-tests with inset and Npx Mpx
box-shadow-body = <body> shadow should look the same regardless of background color
box-shadow-currentcolor = 'box-shadow' respects 'currentcolor'
+ 6.1.1 Shadow Shape, Spread, and Knockout
box-shadow-radius-000 = Box Shadow Border Radius (Outset)
box-shadow-radius-001 = Box Shadow Border Radius (Inset)
+ 6.1.2 Blurring Shadow Edges
+ 6.1.3 Layering, Layout, and Other Details
box-shadow-overlapping-001 = box-shadow and overlapping of adjacent text
  • Box shadows do not affect layout. Box shadows take up no space. Box shadows do not affect or influence normal flow of boxes. Therefore, box shadows can 'collide' with other boxes and can overlap other boxes (inline box or line box) or be overlapped by other boxes. In this test, the text ('PED') is before a left outer box-shadow box and such left outer box-shadow box is wide and wide enough to overlap the text 'PED'.
box-shadow-overlapping-002 = box-shadow and overlapping of adjacent text
  • Box shadows do not affect layout. Box shadows take up no space. Box shadows do not affect or influence normal flow of boxes. Therefore, box shadows can 'collide' with other boxes and can overlap other boxes (inline box or line box) or be overlapped by other boxes. In this test, the text ('PNG') follows a right outer box shadow and therefore overlaps such shadow.
box-shadow-overlapping-003 = box-shadow and overlapping of adjacent text
  • Box shadows do not affect layout. Box shadows take up no space. Box shadows do not affect or influence normal flow of boxes. Therefore, box shadows can 'collide' with other boxes and can overlap other boxes (inline box or line box) or be overlapped by other boxes. In this test, the text ('OVLPED') is from a previous line box and is overlapped by a top outer box shadow box that is tall enough to overlap it entirely.
box-shadow-overlapping-004 = box-shadow and overlapping of adjacent text
  • Box shadows do not affect layout. Box shadows take up no space. Box shadows do not affect or influence normal flow of boxes. Therefore, box shadows can 'collide' with other boxes and can overlap other boxes (inline box or line box) or be overlapped by other boxes. This test checks that the background of the following line box overlaps the box-shadow of an inline non-replaced box whose box-shadow expands onto and over the following line box. In this test, the box shadow of div#outer-box-shadow is red and protudes out and below onto the following line box. But since the glyphs of div#following-line-box are green, then such green color will overlap the red box shadow of div#outer-box-shadow.
box-shadow-table-border-collapse-001 = an HTML <table> with 'border-collapse: collapse'
  • This test checks that 'box-shadow' applies to table element with 'border-collapse' set to 'collapse' as long as row borders do not have different border thicknesses. In this test, the left border of both table rows have the same thickness (30px) and the right border of both table rows have the same thickness (30px).