HomeReview Results
The CSS Backgrounds and Borders Module Level 3 CR Test Suite contains 128 test cases.
You can choose to review: The full test suite A section of the specification: 2: Backgrounds2.2: Base Color: the background-color property2.3: Image Sources: the background-image property2.4: Tiling Images: the background-repeat property2.5: Affixing Images: the background-attachment property2.6: Positioning Images: the background-position property2.7: Painting Area: the background-clip property2.8: Positioning Area: the background-origin property2.9: Sizing Images: the background-size property2.11.1: The Canvas Background and the Root Element3: Borders3.1: Line Colors: the border-color properties3.3: Line Thickness: the border-width properties3.4: Border Shorthand Properties4: Rounded Corners4.1: Curve Radii: the border-radius properties4.3: Corner Clipping5: Border Images5.1: Image Source: the border-image-source property5.2: Image Slicing: the border-image-slice property5.3: Drawing Areas: the border-image-width property5.4: Edge Overhang: the border-image-outset property5.5: Image Tiling: the border-image-repeat property5.7: Border Image Shorthand: the border-image property6.1: Drop Shadows: the box-shadow property6.1.1: Shadow Shape, Spread, and Knockout6.1.3: Layering, Layout, and Other DetailsProperty Index A single test case: background-attachment-margin-root-001: Background-attachment: scroll should be positioned relative to the root element and should extend to cover the entire canvas in the presence of fixed backgroundsbackground-attachment-margin-root-002: Background-attachment: fixed should be positioned relative to the view and should extend to cover the entire canvas in the presence of scroll backgroundsbackground-clip-001: Collapsed borders and background-clipbackground-clip-content-box-001: background-clip Referencebackground-color-animation: background-color-animation-fallback-missing-0-percent: background-color-animation-fallback-missing-100-percent: background-color-animation-fallback-replace: background-color-animation-fragmented: background-color-animation-in-body: background-color-animation-single-keyframe: background-color-animation-three-keyframes1: background-color-animation-three-keyframes2: background-color-animation-three-keyframes3: background-color-animation-with-images: background-color-animation-with-table1: background-color-animation-with-table2: background-color-animation-with-table3: background-color-animation-with-table4: background-color-animation-with-zero-alpha: background-color-animation-with-zero-playbackrate: background-color-clip: Background Color Clipbackground-color-interpolation: background-color-transition: background-color-transition-obscured: background-color-transition-with-delay: background-color-transition-with-initially-transparent: background-color-transparent-animation-in-body: background-gradient-subpixel-fills-area: Gradient backgrounds should fill the positioning areabackground-image-blur-repaint: CSS Filters: Repaint of element with background-image and blur filterbackground-image-centered: Centered Background Gradientbackground-image-centered-with-border-radius: Centered background image with border radiusbackground-image-cover-zoomed-1: background-size:cover should cover at zoombackground-image-interpolation: background-image-large-with-auto: Large images with one auto size are correctly sizedbackground-image-table-cells-zoomed: A background image on table cells with collapsed borders should fill the tablebackground-margin-iframe-root: Backgrounds on the root element of an iframe should extend to cover the entire canvas of the iframe in the presence of marginbackground-margin-root: Backgrounds on the root element should extend to cover the entire canvas in the presence of marginbackground-margin-transformed-root: Backgrounds on the root element should extend to cover the entire canvas in the presence of margin and transformbackground-margin-will-change-root: Backgrounds on the root element should extend to cover the entire canvas in the presence of margin and will-change: transformbackground-position-interpolation: background-position-negative-percentage-comparison: background-position-origin-interpolation: background-position-subpixel-at-border.tentative: CSS Backgrounds: Subpixel positions adjacent to the bordersbackground-position-x-interpolation: background-position-y-interpolation: background-rounded-image-clip: Background Clip Follows Rounded Cornerbackground-size-cover-svg: A SVG background should fully cover the positioning areabackground-size-interpolation: background-size-near-zero-color: Color background with near-zero background-sizebackground-size-near-zero-gradient: Gradient background with near-zero background-sizebackground-size-near-zero-png: PNG background with near-zero background-sizebackground-size-near-zero-svg: SVG background with near-zero background-sizebg-color-with-gradient: border-bottom-left-radius-composition: border-bottom-left-radius compositionborder-bottom-right-radius-composition: border-bottom-right-radius compositionborder-color-interpolation: border-color interpolationborder-image-outset-003: Background Image Outsetborder-image-outset-composition: border-image-outset compositionborder-image-outset-interpolation: border-image-outset interpolationborder-image-repeat-005: 'border-image-repeat' with 'space' and 'round'border-image-shorthand-002: Omitted values for 'border-image-outset' property in the 'border-image' shorthandborder-image-shorthand-003: Omitted values for 'border-image-width' properties in 'border-image' shorthandborder-image-slice-composition: border-image-slice compositionborder-image-slice-interpolation: border-image-slice interpolationborder-image-slice-interpolation-stability: border-image-slice interpolation stabilityborder-image-source-interpolation: border-image-source interpolationborder-image-width-008: border-image-width has the same effect as a border-width and the image is displayed even if border-width is zeroborder-image-width-composition: border-image-width compositionborder-image-width-interpolation: border-image-width interpolationborder-radius-012: border-radius-clip-002: Background is clipped to the curve of the content-box when 'background-clip: content-box'border-radius-interpolation: border-radius interpolationborder-shorthand-serialization: serialization of border shorthandborder-top-left-radius-composition: border-top-left-radius compositionborder-top-left-radius-values-001: 'Border-top-left-radius' with two values.border-top-left-radius-values-002: 'Border-top-left-radius' with one value.border-top-left-radius-values-003: 'Border-top-left-radius' with one value as 0.border-top-right-radius-composition: border-top-right-radius compositionborder-top-width-composition: border-top-width compositionborder-width-interpolation: border-width interpolationborders-on-sub-unit-sized-elements: CSS Borders: Borders appear when the element is smaller than 1/2 a pixelbox-shadow-001: Collapsed borders and box-shadowbox-shadow-029: box-shadow and empty box (edge)box-shadow-039: box-shadow in 3 sub-tests with not inset and Npx 0pxbox-shadow-040: box-shadow in 3 sub-tests with not inset and Npx Mpxbox-shadow-041: box-shadow in 3 sub-tests with inset and Npx 0pxbox-shadow-042: box-shadow in 3 sub-tests with inset and Npx Mpxbox-shadow-body: <body> shadow should look the same regardless of background colorbox-shadow-composition: box-shadow compositionbox-shadow-currentcolor: 'box-shadow' respects 'currentcolor'box-shadow-interpolation: box-shadow-overlapping-001: box-shadow and overlapping of adjacent textbox-shadow-overlapping-002: box-shadow and overlapping of adjacent textbox-shadow-overlapping-003: box-shadow and overlapping of adjacent textbox-shadow-overlapping-004: box-shadow and overlapping of adjacent textbox-shadow-radius-000: Box Shadow Border Radius (Outset)box-shadow-radius-001: Box Shadow Border Radius (Inset)box-shadow-table-border-collapse-001: an HTML <table> with 'border-collapse: collapse'clip-rounded-corner: Filled Background with Rounded Cornergetcomputedstyle-border-radius-001: mixed units in calc() and computed border-radius longhand and shorthand values (complex)getcomputedstyle-border-radius-003: mixed units in calc() and computed border-radius shorthand value (complex)gradient-border-box: Gradient Background aligned to Content Boxgradient-content-box: Gradient Background aligned to Content Boxgradient-repeat-spaced-with-borders: Tiled gradient with spaces is repeated behind the border.inheritance.sub: Inheritance of CSS Backgrounds and Borders propertiesinline-background-rtl-001: background to inline boxes in RTLsimple-bg-color: subpixel-borders-with-child: subpixel-borders-with-child-border-box-sizing: subpixel-position-center.tentative: CSS Backgrounds: Subpixel position center is centeredtable-cell-background-local: Tests rendering of table cell's background-image with local attachment.tiled-conic-gradients: Checkerboard using conic gradientstiled-gradients: Eight Red Triangles on White Ground (with gradients)tiled-radial-gradients: Two Ellipses with Custom Placement (with gradients)transition-background-position-with-edge-offset: transition-property - background-positiontransition-property-006: transition-property - background-positiontransition-property-007: transition-property - border-bottom-colortransition-property-008: transition-property - border-bottom-widthtransition-property-009: transition-property - border-left-colortransition-property-010: transition-property - border-left-widthtransition-property-011: transition-property - border-right-colortransition-property-012: transition-property - border-right-widthtransition-property-013: transition-property - border-top-colortransition-property-014: transition-property - border-top-widthtwo-background-color-animation-diff-length1: two-background-color-animation-diff-length2: two-background-color-animation-diff-length3:
Options: Group by specification section
Do not display tests that: Meet exit criteria Have blocking failures Lack sufficient data Have been reported as invalid Are not required
