W3C Backgrounds and Borders Tests
December 1, 2005
- This version:
- /~boland/css3/spec/index.htm
- Author
- Tim Boland (NIST)
NOTE: The format of this cover page will soon change to reflect test descriptions for each test, as well as creation of test ids. Additional tests will be created soon. As soon as a final test format is defined (as for CSS2.1?), this document will adhere to that format, as well as to the latest Test Case Authoring Guidelines. The tests are independent of one another, and contain no intrinsic navigation inside them. They are self-contained and autonomous, so may be navigated in any manner desired. One can "view source" to see names of tests for navigation purposes. For now, tests below are HTML, so your browser must support this capability to run these tests. There is a sample test of a different HTML format at the end, as well as some pure XML tests. Finally, a few HTML TNG tests are presented. XHTML tests will be provided also
The CSS3 Background and Borders Module referenced in these tests is here (dated 14 October 2005). NOTE: I put some additional letters at the end of some elements to test certain properties more effectively. Must support "gif" to run these tests; "jpg" also included, and other formats will be included soon. Certain of these properties may not be implemented yet, and this is noted in each test description. NOTE: Tests for layering multiple background images need to be included, as well as tests for the background of the canvas? . Also, some properties/values may not be implemented yet in some of the tests, but the user agent is expected to parse such unreognized information correctly according to error handling parsing requirements defined in CSS2.1. When these properies/values are implemented, tests should pass as indicated in the prose. "First", "Second", "Third", etc., indicate different tests of a particular property (like background-color).
| Background Color-1 First test of the background color property | bc1.html |
| Background Color-2 Second test of the background color property | bc2.html |
| Background Color-3 Third test of the background color property | bc3.html |
| Background Color-4 Fourth test of the background color property | bc-red.html |
| Background Image-1 First test of the background-image property | bi1.html |
| Background Image-2 Second test of the background-image property | bi2.html |
| Background Image-3 Third test of the background image property | bi3.html |
| Background Image-4 Fourth test of the background-image property | bi4.html |
| Background Image-5 Fifth test of the background-image property | bi5.html |
| Background Image-6 (N)Sixth test of the background-image property | bi6.html |
| Background Repeat-1 First test of the background-repeat property | br1.html |
| Background Repeat-2 Second test of the background-repeat property | br2.html |
| Background Repeat-3 Third test of the background-repeat property | br3.html |
| Background Repeat-4 Fourth test of the background-repeat property | br4.html |
| Background Repeat-5 Fifth test of the background-repeat property | br5.html |
| Background Repeat-6 Sixth test of the background-repeat property | br6.html |
| Background Repeat-7 (N)Seventh test of the background-repeat property | br7.html |
| Background Attachment-1 First test of the background-attachment property | ba1.html |
| Background Attachment-2 Second test of the background-attachment property | ba2.html |
| Background Attachment-3 Third test of the background-attachment property | ba3.html |
| Background Attachment-4 Fourth test of the background-attachment property | ba4.html |
| Background Attachment-5 (N)Fifth test of the background-attachment property | ba5.html |
| Background Position-1 First test of the background-position property | bp1.html |
| Background Position-2 Second test of the background-position property | bp2.html |
| Background Position-3 Third test of the background-position property | bp3.html |
| Background Position-4 Fourth test of the background-position property | bp4.html |
| Background Position-5 Fifth test of the background-position property | bp5.html |
| Background Position-6 Sixth test of the background-position property | bp6.html |
| Background Position-7 Seventh test of the background-position property | bp7.html |
| Background Position-8 Eighth test of the background-position property | bp8.html |
| Background Position-9 Ninth test of the background-position property | bp9.html |
| Background Position-10 Tenth test of the background-position property | bp10.html |
| Background Position-11 Eleventh test of the background-position property | bp11.html |
| Background Position-12 Twelfth test of the background-position property | bp12.html |
| Background Position-13 Thirteenth test of the background-position property | bp13.html |
| Background Position-14 Fourteenth test of the background-position property | bp14.html |
| Background Position-15 Fifteenth test of the background-position property | bp15.html |
| Background Position-16 Sixteenth test of the background-position property | bp16.html |
| Background Position-17 Seventeenth test of the background-position property | bp17.html |
| Background Position-18 Eighteenth test of the background-position property | bp18.html |
| Background Position-19 Nineteenth test of the background-position property | bp19.html |
| Background Position-20 Twentieth test of the background-position property | bp20.html |
| Background Position-21 21st test of the background-position property | bp21.html |
| Background Position-22 22nd test of the background-position property | bp22.html |
| Background Position-23 23rd test of the background-position property | bp23.html |
| Background Position-24(N) 24th test of the background-position property | bp24.html |
| Background Clip-1 First test of the background-clip property | bcl1.html |
| Background Clip-2 Second test of the background-clip property | bcl2.html |
| Background Clip-3 Third test of the background-clip property | bcl3.html |
| Background Clip-4(N) Fourth test of the background-clip property | bcl4.html |
| Background Origin-1 First test of the background-origin property | bo1.html |
| Background Origin-2 Second test of the background-origin property | bo2.html |
| Background Origin-3 Third test of the background-origin property | bo3.html |
| Background Origin-4(N) Fourth test of the background-origin property | bo4.html |
| Background Size-1 First test of the background-size property | bs1.html |
| Background Size-2 Second test of the background-size property | bs2.html |
| Background Size-3 Third test of the background-size property | bs3.html |
| Background Size-4(N) Fourth test of the background-size property | bs4.html |
| Background-1 First test tests the background property | b1.html |
| Background-2 Second test tests the background property | b2.html |
| Background-3 Third test of the background property | b3.html |
| Background-4 Fourth test of the background property | b4.html |
| Background Break-1 First test of the background-break property | bb1.html |
| Background Break-2 Second test of the background-break property | bb2.html |
| Background break-3 Third test of the background-break property | bb3.html |
| Special Background Test-1 Test of layering of multiple background images | bspec1.html |
| Special Background Test-2 Test of background of the canvas | bspec2.html |
An example of a different HTML format is here. This format is similar to that in CSS1 Test Suite.
Some sample XML test cases (for background color) are Test 1 and Test 2. This is in case one wants to use XML to access tests. More will be developed.
Some sample HTML test cases (in TNG Format) for background color are Test 1 and Test 2, and Test 3. This is in case one wants to use HTML TNG to access tests. More can be developed.
| Border Color-1 First test of the border color property | bdc1.html |
| Border Color-2 Second test of the border color property | bdc2.html |
| Border Color-3 Third test of the border color property | bdc3.html |
| Border Style-1 First test of the border-style property | bds1.html |
| Border Style-2 Second test of the border-style property | bds2.html |
| Border Style-3 Third test of the border-style property | bds3.html |
| Border Radius-1 First test of the border radius property | bdr1.html |
| Border Radius-2 Second test of the border radius property | bdr2.html |
| Border Radius-3 Third test of the border radius property | bdr3.html |
| Border Break-1 First test of the border-break property | bdb1.html |
| Border Break-2 Second test of the border-break property | bdb2.html |
| Border Break-3 Third test of the border-break property | bdb3.html |
| Box Shadow-1 First test of the box-shadow property | bdbs1.html |
| Box Shadow-2 Second test of the box-shadow property | bdbs2.html |
| Box Shadow-3 Third test of the box-shadow property | bdbs3.html |
| Border Top-1 First test of the border-top property | bdtop1.html |
| Border Top-2 Second test of the border-top property | bdtop2.html |
| Border Top-3 Third test of the border-top property | bdtop3.html |
| Border Bottom-1 First test of the border-bottom property | bdbottom1.html |
| Border Bottom-2 Second test of the border-bottom property | bdbottom2.html |
| Border Bottom-3 Third test of the border-bottom property | bdbottom3.html |
| Border Right-1 First test of the border-right property | bdright1.html |
| Border Right-2 Second test of the border-right property | bdright2.html |
| Border Right-3 Third test of the border-right property | bdright3.html |
| Border Left-1 First test of the border-left property | bdleft1.html |
| Border Left-2 Second test of the border-left property | bdleft2.html |
| Border Left-3 Third test of the border-left property | bdleft3.html |
| Border-1 First test of the border property | bd1.html |
| Border-2 Second test of the border property | bd2.html |
| Border-3 Third test of the border property | bd3.html |
| border-image-1 First test of the border-image property | bdi1.html |
| border-image-2 Second test of the border-image property | bdi2.html |
| border-image-3 Third test of the border-image property | bdi3.html |
| Border-left-color-1 First test of the border-left-color property | bdcleft1.html |
| Border-right-color-1 First test of the border-right-color property | bdcright1.html |
| Border-bottom-color-1 First test of the border-bottom-color property | bdcbottom1.html |
| Border-top-color-1 First test of the border-top-color property | bdctop1.html |
| Border-left-color-2 Second test of the border-left-color property | bdcleft2.html |
| Border-right-color-2 Second test of the border-right-color property | bdcright2.html |
| Border-bottom-color-2 Second test of the border-bottom-color property | bdcbottom2.html |
| Border-top-color-2 Second test of the border-top-color property | bdctop2.html |
| Border-left-color-3 Third test of the border-left-color property | bdcleft3.html |
| Border-right-color-3 Third test of the border-right-color property | bdcright3.html |
| Border-bottom-color-3 Third test of the border-bottom-color property | bdcbottom3.html |
| Border-top-color-3 Third test of the border-top-color property | bdctop3.html |
| Border-left-style-1 First test of the border-left-style property | bdsleft1.html |
| Border-right-style-1 First test of the border-right-style property | bdsright1.html |
| Border-bottom-style-1 First test of the border-bottom-style property | bdsbottom1.html |
| Border-top-style-1 First test of the border-top-style property | bdstop1.html |
| Border-left-style-2 Second test of the border-left-style property | bdsleft2.html |
| Border-right-style-2 Second test of the border-right-style property | bdsright2.html |
| Border-bottom-style-2 Second test of the border-bottom-style property | bdsbottom2.html |
| Border-top-style-2 Second test of the border-top-style property | bdstop2.html |
| Border-left-style-3 Third test of the border-left-style property | bdsleft3.html |
| Border-right-style-3 Third test of the border-right-style property | bdsright3.html |
| Border-bottom-style-3 Third test of the border-bottom-style property | bdsbottom3.html |
| Border-top-style-3 Third test of the border-top-style property | bdstop3.html |
| Border-left-width-1 First test of the border-left-width property | bdwleft1.html |
| Border-right-width-1 First test of the border-right-width property | bdwright1.html |
| Border-bottom-width-1 First test of the border-bottom-width property | bdwbottom1.html |
| Border-top-width-1 First test of the border-top-width property | bdwtop1.html |
| Border-left-width-2 Second test of the border-left-width property | bdwleft2.html |
| Border-right-width-2 Second test of the border-right-width property | bdwright2.html |
| Border-bottom-width-2 Second test of the border-bottom-width property | bdwbottom2.html |
| Border-top-width-2 Second test of the border-top-width property | bdwtop2.html |
| Border-left-width-3 Third test of the border-left-width property | bdwleft3.html |
| Border-right-width-3 Third test of the border-right-width property | bdwright3.html |
| Border-bottom-width-3 Third test of the border-bottom-width property | bdwbottom3.html |
| Border-top-width-3 Third test of the border-top-width property | bdwtop3.html | Border Width-1 First test of the border width property | bdw1.html |
| Border Width-2 Second test of the border width property | bdw2.html |
| Border Width-3 Third test of the border width property | bdw3.html |
An example of a different HTML format is here. This format is similar to that in CSS1 Test Suite.
A sample XML test case (for border color) is Test 1. This is in case one wants to use XML to access tests. More will be developed.
A sample HTML test case (in TNG Format) for border color is Test 1. This is in case one wants to use HTML TNG to access tests. More can be developed.