id references title flags links revision credits assertion attachment-local-clipping-color-1 reference/attachment-local-clipping-color-1-ref background-{attachment: local; clip: border-box; color} dom http://www.w3.org/TR/css3-background/#the-background-attachment 500c7f0e3e99b3a5431bcb3a26cc1f31bc3e2bd7 `Simon Sapin` attachment-local-clipping-color-2 reference/attachment-local-clipping-color-1-ref background-{attachment: local; clip: padding-box; color} dom http://www.w3.org/TR/css3-background/#the-background-attachment d388657698c82adef1d7c2ed1aa806780cee3638 `Simon Sapin` attachment-local-clipping-color-3 reference/attachment-local-clipping-color-3-ref background-{attachment: local; clip: content-box; color} dom http://www.w3.org/TR/css3-background/#the-background-attachment 2e517cd5809cc0d6fe0a155920f749c031167033 `Simon Sapin` attachment-local-clipping-color-4 reference/attachment-local-clipping-color-4-ref background-{attachment: local; clip: border-box; color}; border-radius dom http://www.w3.org/TR/css3-background/#the-background-attachment 0b86319194b866719507cbd31c8894b35cacd80e `Simon Sapin` attachment-local-clipping-color-5 reference/attachment-local-clipping-color-4-ref background-{attachment: local; clip: padding-box; color}; border-radius dom http://www.w3.org/TR/css3-background/#the-background-attachment 4eec98ba9a54e613e2b68c5fdb81b95c0c7f75aa `Simon Sapin` attachment-local-clipping-color-6 reference/attachment-local-clipping-color-6-ref background-{attachment: local; clip: content-box; color}; border-radius dom http://www.w3.org/TR/css3-background/#the-background-attachment 5ebdf348a3d0111c5e1f1ffa29a098cd960dd794 `Simon Sapin` attachment-local-clipping-image-1 reference/attachment-local-clipping-image-1-ref background-{attachment: local; clip: border-box; image} dom http://www.w3.org/TR/css3-background/#the-background-attachment b2a18bd8cff63805956f738a3f91e0a85955101d `Simon Sapin` attachment-local-clipping-image-2 reference/attachment-local-clipping-image-1-ref background-{attachment: local; clip: padding-box; image} dom http://www.w3.org/TR/css3-background/#the-background-attachment 197e54e1c766ab4284ec60222df1fe0013521ad2 `Simon Sapin` attachment-local-clipping-image-3 reference/attachment-local-clipping-image-3-ref background-{attachment: local; clip: content-box; image} dom http://www.w3.org/TR/css3-background/#the-background-attachment b68523d51e883304af9a596afd3f6a414e3bee38 `Simon Sapin` attachment-local-clipping-image-4 reference/attachment-local-clipping-image-4-ref background-{attachment: local; clip: border-box; image}; border-radius dom http://www.w3.org/TR/css3-background/#the-background-attachment 556fb8061206613367c16f7d2e868ecc7e6c6ba8 `Simon Sapin` attachment-local-clipping-image-5 reference/attachment-local-clipping-image-4-ref background-{attachment: local; clip: padding-box; image}; border-radius dom http://www.w3.org/TR/css3-background/#the-background-attachment 3818351159d98c92877432fe50547dec9330f065 `Simon Sapin` attachment-local-clipping-image-6 reference/attachment-local-clipping-image-6-ref background-{attachment: local; clip: content-box; image}; border-radius dom http://www.w3.org/TR/css3-background/#the-background-attachment 74e3fbe1c61ebfe0ab93a75301782d163890e8b7 `Simon Sapin` attachment-local-positioning-2 reference/attachment-local-positioning-2-ref background-attachment: local; positioning area dom http://www.w3.org/TR/css3-background/#the-background-attachment 4846185c1f4105b28cd53bf26c7125dc41902b3c `Simon Sapin` attachment-local-positioning-3 reference/attachment-local-positioning-3-ref background-attachment: local; positioning area with dir=rtl dom http://www.w3.org/TR/css3-background/#the-background-attachment dfe69393c446370185f836127f246f246446a261 `Simon Sapin` attachment-local-positioning-4 reference/attachment-local-positioning-4-ref background-attachment: local; positioning area with dir=rtl, top left dom http://www.w3.org/TR/css3-background/#the-background-attachment 47851a52bc5c9aecfe3eda566d3803851581e77e `Simon Sapin` attachment-local-positioning-5 reference/attachment-local-positioning-5-ref background-{attachment: local; origin: content-box}; positioning area dom http://www.w3.org/TR/css3-background/#the-background-attachment 136fb7ba192f1209bbb0917317e73796b057efe1 `Simon Sapin` attachment-scroll-positioning-1 reference/attachment-scroll-positioning-1-ref background-attachment: scroll; positioning area dom http://www.w3.org/TR/css3-background/#the-background-attachment 3a7e356c101fbebad6682eabb9f9b12f1f0ec724 `Simon Sapin` background-001 reference/background-001-ref Background with color http://www.w3.org/TR/CSS21/colors.html#propdef-background,http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background 3dd2f2ebcf82520953f31d00f243c309e9b005f9 `Microsoft` Background with color only sets the background of the element to the color specified. background-002 reference/background-001-ref Background with an image image http://www.w3.org/TR/CSS21/colors.html#propdef-background,http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background 42b9cd53f06b23fbd5efb5774fb90cf6937cece9 `Microsoft` Background with image only sets the background of the element to the image specified. background-003 reference/background-003-ref Background with repeat image http://www.w3.org/TR/CSS21/colors.html#propdef-background,http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-repeat 078b26cedc73d69fe8763d4a736bce0c87ad202b `Microsoft` Background shorthand with repeat only sets its background-repeat subproperty. In such case, the other background subproperties are set to their initial values: 'background-image' is set to 'none', 'background-color' is set to transparent, 'background-attachment' is set to 'scroll', 'background-position' is set to '0% 0%'. background-004 reference/ref-nothing-below Background with attachment http://www.w3.org/TR/CSS21/colors.html#propdef-background,http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-attachment fba9ad267b7552f08d2dc510ff2cb79b73e425c7 `Microsoft` Background shorthand with attachment only sets its background-attachment subproperty. In such case, the other background subproperties are set to their initial values: 'background-image' is set to 'none', 'background-color' is set to transparent, 'background-repeat' is set to 'repeat', 'background-position' is set to '0% 0%. background-005 reference/ref-nothing-below Background with position http://www.w3.org/TR/CSS21/colors.html#propdef-background,http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-attachment 72e1d43a284c8ec317333e25acced9abe506ff77 `Microsoft` Background shorthand with position only sets its background-position subproperty. In such case, the other background subproperties are set to their initial values: 'background-image' is set to 'none', 'background-color' is set to transparent, 'background-repeat' is set to 'repeat', 'background-attchment' is set to 'scroll'. background-006 reference/background-001-ref Background with (color image) image http://www.w3.org/TR/CSS21/colors.html#propdef-background,http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#background-image db880a0f18b0ce024ad30bfe01bdb06c2c9b1923 `Microsoft` Background with (color image) sets the background of the element to the color specified (not shown) and places the image in its initial position. background-007 reference/background-001-ref Background with (color repeat) http://www.w3.org/TR/CSS21/colors.html#propdef-background,http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-repeat 63c0c0d7faf9ec8b2cdc654034cc7b5df5f2fbb3 `Microsoft` Background with (color repeat) sets the background of the element to the color specified. Repeat does nothing since there is no image. background-008 reference/background-001-ref Background with (color attachment) http://www.w3.org/TR/CSS21/colors.html#propdef-background,http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-attachment 7ece72c63d552fbf62543671652e6179c13335b2 `Microsoft` Background with (color attachment) sets the background of the element to the color specified. Attachment does nothing since image is not set. background-009 reference/background-001-ref Background with (color position) http://www.w3.org/TR/CSS21/colors.html#propdef-background,http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#background-position 7a56ab7975289ecc9434ed224b5d5d898d48ba34 `Microsoft` Background with (color position) sets the background of the element to the color specified. Position does nothing since image is not set. background-010 reference/background-001-ref Background with (image color) image http://www.w3.org/TR/CSS21/colors.html#propdef-background,http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#layering a5640d047432369eb715d51bf885c9f8e559c15c `Microsoft` Background with (image color) sets the background of the element to the color specified (not shown) and tiles the image across the background. background-011 Background with (image repeat) image http://www.w3.org/TR/CSS21/colors.html#propdef-background,http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-repeat 97ba6ea3c4851a371c85b160c38d237cccc1d953 `Microsoft` Background with (image repeat) sets the background to the image specified, tiling it to cover the full width, but not height. background-012 Background with (image attachment) image,interact http://www.w3.org/TR/CSS21/colors.html#propdef-background,http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-attachment 2304492801da8a282259720c8c306946fbe8bd0e `Microsoft` Background with (image attachment) sets the background to the image specified, tiling it to cover the full area, and the background scrolls with the box. background-013 Background with (image position) image http://www.w3.org/TR/CSS21/colors.html#propdef-background,http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-position a271db424ffe67c097aaac1693fa41f4ab5e634b `Microsoft` Background with (image position) sets the background to the image specified,, tiling it to cover the full area from the position specified. background-014 reference/background-001-ref Background with (repeat color) http://www.w3.org/TR/CSS21/colors.html#propdef-background,http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-repeat 5e684b3834aa89ca3430c6e89c5130bfc9758c46 `Microsoft` Background with (repeat color) sets the background of the element to the color specified. Repeat does nothing since there is no image. background-015 Background with (repeat image) image http://www.w3.org/TR/CSS21/colors.html#propdef-background,http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-repeat 6957409c1eae7adc4c3e9d8185b0671740332f4f `Microsoft` Background with (repeat image) sets the background to the image specified, tiling it to cover the full width, but not height. background-016 reference/ref-nothing-below Background with (repeat attachment) http://www.w3.org/TR/CSS21/colors.html#propdef-background,http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-repeat,http://www.w3.org/TR/css3-background/#the-background-attachment dfd6c10e66859b726df05b86af7ebe4364b5a088 `Microsoft` Background with (repeat attachment) does not affect the background since image is not set. background-017 reference/ref-nothing-below Background with (repeat position) http://www.w3.org/TR/CSS21/colors.html#propdef-background,http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-repeat cf6e74f495dca617b8216923c03c77f850bd9cee `Microsoft` Background with (repeat position) does not affect the background since image is not set. background-018 reference/background-001-ref Background with (attachment color) http://www.w3.org/TR/CSS21/colors.html#propdef-background,http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-attachment 23f1cce2f258c6b12dd0408de82dd3a2bfc197dc `Microsoft` Background with (attachment color) sets the background of the element to the color specified. Attachment does nothing since there is no image. background-019 Background with (attachment image) image,interact http://www.w3.org/TR/CSS21/colors.html#propdef-background,http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-attachment 7c1fbd04d61fe0b68336d92769d3b7e25e7ab020 `Microsoft` Background with (attachment image) sets the background to the image specified, tiling it to cover the full area, and the background scrolls with the box. background-020 reference/ref-nothing-below Background with (attachment repeat) http://www.w3.org/TR/CSS21/colors.html#propdef-background,http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-attachment e2d3c4eb70e65bf35a696c5a7b68aa39341bde84 `Microsoft` Background with (attachment repeat) does not affect the background since image is not set. background-021 reference/ref-nothing-below Background with (attachment position) http://www.w3.org/TR/CSS21/colors.html#propdef-background,http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-attachment 43796f5ca415eec0182829d9afb8f702515f89ba `Microsoft` Background with (attachment position) does not affect the background since image is not set. background-022 reference/background-001-ref Background with (position color) http://www.w3.org/TR/CSS21/colors.html#propdef-background,http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-position a29e7ba13520d09e57bc6db09dd94d18788a0acb `Microsoft` Background with (position color) sets the background of the element to the color specified. Position does nothing since there is no image. background-023 Background with (position image) image http://www.w3.org/TR/CSS21/colors.html#propdef-background,http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-position 5ae042e769cf1bc1f02416f0b2589793991381b2 `Microsoft` Background with (position image) sets the background to the image specified, tiling it to cover the full area from the position specified. background-024 reference/ref-nothing-below Background with (position repeat) http://www.w3.org/TR/CSS21/colors.html#propdef-background,http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-position c0d5211b818d5d0933d916caefee757235e134cd `Microsoft` Background with (position repeat) does not affect the background since image is not set. background-025 reference/ref-nothing-below Background with (position attachment) http://www.w3.org/TR/CSS21/colors.html#propdef-background,http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-attachment 778045011451f92471de1eba022d626985ed7a28 `Microsoft` Background with (position attachment does not affect the background since image is not set. background-331 background shorthand - initial values dom,script http://www.w3.org/TR/css3-background/#the-background 9ad1789b25906d24e96b1241e77f8dd3fd18d2bd `Intel` Check that given a valid declaration, for each layer the shorthand 'backgound' first sets the corresponding layer of each of 'background-image', 'background-position', 'background-size', 'background-repeat', 'background-origin', 'background-clip' and 'background-attachment' to that property's initial value background-332 background shorthand - all values specified dom,image,script http://www.w3.org/TR/css3-background/#the-background 842b704b94b796aef7bbc8bf9e8638c28ececaeb `Intel` Check that given a valid declaration, for each layer the shorthand 'backgound' first sets the corresponding layer of each of 'background-image', 'background-position', 'background-size', 'background-repeat', 'background-origin', 'background-clip' and 'background-attachment' to that property's initial value, then assigns any explicit values specified for this layer in the declaration background-333 background shorthand - background-color 'red' dom,script http://www.w3.org/TR/css3-background/#the-background 8ccb9e1f75420be6de516dcb4cb44337181b22a7 `Intel` Check that given a valid declaration, for each layer the shorthand 'backgound' first sets the corresponding layer of each of 'background-image', 'background-position', 'background-size', 'background-repeat', 'background-origin', 'background-clip' and 'background-attachment' to that property's initial value, then assigns any explicit values specified for this layer in the declaration, and finally 'background-color' is set to the specified color, if any, else set to its initial value background-334 reference/background-334-ref background shorthand - background-size '100% auto' image http://www.w3.org/TR/css3-background/#the-background 3cde8daeede5cb0c3186d873120eb6d330e9a2f6 `Intel` Background-size with '100% auto' implies to rescale the image horizontally so that it fills the background area width and to rescale the image vertically so that it fills the background area height. background-335 background shorthand - only one value dom,script http://www.w3.org/TR/css3-background/#the-background 3ee0f3925aae6a006c51b3b6acee45141ff69cd4 `Intel` Check if one value is present then it sets both 'background-origin' and 'background-clip' to that value background-336 background shorthand - two values dom,script http://www.w3.org/TR/css3-background/#the-background 8712e7d1c5fedf817e0c43522cad7e0f2120212b `Intel` Check if two values are present, then the first sets 'background-origin' and the second 'background-clip' background-attachment-fixed 'Background-attachment' with value 'fixed' interact http://www.w3.org/TR/css3-background/#the-background-attachment 315b20442cda4548c849e3cd177344fd4d96e691 `Melanie Archer` If 'background-attachment' is given the value 'fixed,' then the background image remains fixed in relation to the user agent viewport when the viewport is scrolled. background-attachment-local 'Background-attachment' with value 'local' interact http://www.w3.org/TR/css3-background/#the-background-attachment 7b6275730db22fc02b5a47681d4a666909ff641e `Melanie Archer` If 'background-attachment' is given the value 'local,' then the background image scrolls with the containing element's content when the element's content is scrolled background-attachment-local-scrolling Scrolling when 'background-attachment: local' http://www.w3.org/TR/css3-background/#the-background-attachment 26b9d85dd9d59803cb7675f420a9c4996d5fd4ca `Microsoft` If 'background-attachment: local' the background scrolls along with the element's contents (the UA may treat 'background-clip: border-box' as the same as 'background-clip: padding-box'). background-clip-001 background-clip - initial and supported values dom,script http://www.w3.org/TR/css3-background/#the-background-clip 9bebf810097c26e91e070c70cc455cc1ac4a1f4a `Intel` Check if background-clip initial value is border-box and supports values border-box, padding-box and content-box background-clip-002 reference/background-clip-002-ref background-clip - initial value http://www.w3.org/TR/css3-background/#the-background-clip c544413ed743ab21983e21cc9c7fbef4fa3801b0 `Intel` Background-clip with initial value implies to paint the background within (clipped to) the border box. background-clip-003 reference/background-clip-002-ref background-clip - border-box keyword value http://www.w3.org/TR/css3-background/#the-background-clip dded3aa8be206272d1c725d1105ab0937c0a8d87 `Intel` Background-clip with 'border-box' implies to paint the background within (clipped to) the border box. background-clip-004 reference/background-clip-004-ref background-clip - padding-box keyword value http://www.w3.org/TR/css3-background/#the-background-clip 33522def1ab90b2106c85dda1cd3a723a52a4a4b `Intel` Background-clip with 'padding-box' implies to paint the background within (clipped to) the padding box. background-clip-005 reference/background-clip-005-ref background-clip - content-box keyword value http://www.w3.org/TR/css3-background/#the-background-clip 8793eb60c731da552d9f6a648c65bc062642a29e `Intel` Background-clip with 'content-box' implies to paint the background within (clipped to) the content box. background-clip-006 reference/background-clip-005-ref background-clip - inherit keyword value http://www.w3.org/TR/css3-background/#the-background-clip,http://www.w3.org/TR/css3-background/#value-types 52c2ec713e57be48c8f3d4340b17ebb1e66384e4 `Intel` Background-clip with 'inherit' implies to inherit its parent element value to paint the background area. background-clip-007 reference/ref-if-there-is-no-red background-clip: content-box with background-color http://www.w3.org/TR/css3-background/#the-background-clip c72360bccc03a55653feaebc7914a21fefcdfa82 `Julien Chaffraix`,`Gérard Talbot` When 'background-clip' is set to 'content-box', then the background-color shines only through the content area; it does not shine through the padding area nor the border area. background-clip-008 reference/ref-if-there-is-no-red background-clip: padding-box with background-color http://www.w3.org/TR/css3-background/#the-background-clip 4fb20f112375611b85cb273c0080f50bcbe4adbe `Julien Chaffraix`,`Gérard Talbot` When 'background-clip' is set to 'padding-box', then the background painting area is clipped at the edges of the padding of the element. In this test, the padding box is 0px tall and as wide as the body element; therefore, red should not be visible. background-clip-009 reference/ref-filled-black-96px-square background-clip: border-box with background-color http://www.w3.org/TR/css3-background/#the-background-clip 6dfbfd7ba1adc4a2fd06435210345e875f60512e `Julien Chaffraix`,`Gérard Talbot` When 'background-clip' is set to 'border-box', then the background painting area is clipped at the edges of the borders of the element. In this test, the border box is 96px tall and 96px wide and is made from only the borders. background-clip-010 reference/ref-if-there-is-no-red background-clip - content-box with background-color http://www.w3.org/TR/css3-background/#the-background-clip c82565be95ced2017c073177c18a4c6ca1cc215c `Gérard Talbot` When 'background-clip' is set to 'content-box', then the background painting area is clipped at the edges of the content of the element. In this test, height is 'auto', therefore its used value is '0px'; width is 'auto', therefore its used value is as wide as the body element. So, the content box is 0px tall and as wide as the body element; therefore, red should not be visible. background-clip-content-box background-clip_content-box http://www.w3.org/TR/css3-background/#the-background-clip 58073a399d0cc200de8b816a3fd57168a45cc46f `anping` Test passes if the background color is limited to the content only and border is blue dotted without red background-clip-content-box-001 reference/background-clip-content-box-ref background-clip Reference http://www.w3.org/TR/css3-background/#the-background-clip 8094a6ab3cb8e6155109f6e24416d2ac7c5e93b4 `James Wang` background-clip with content-box means paint the background within the content box background-clip-padding-box-with-border-radius background-clip: padding-box with border-radius http://www.w3.org/TR/css3-background/#the-background-clip,http://www.w3.org/TR/css3-background/#corner-shaping 2f60b410f132cba65c5c8360403f369129deb3ab `Lea Verou` Backgrounds clipped to the padding box should follow the padding box curve, which should be equal to the outer border radius minus the corresponding border thickness. background-clip-root background-clip on root image http://www.w3.org/TR/css3-background/#the-background-clip 7fa6b5415bc6624809f4dfd162e3eb004938f10d `Lea Verou` The root element has a different background painting area, and thus the 'background-clip' property has no effect when specified on it. background-clip_padding-box reference/background_clip_padding-box background-clip_border-box http://www.w3.org/TR/css3-background/#the-background-clip 5abf1b3e22799117d66b7a04f93c3eb19f847624 `Xiaoyan Jiang` Test passes if border is blue and dotted without red background background-color-applied-to-rounded-inline-element 'Background-color' applied to a rounded inline element http://www.w3.org/TR/css3-background/#background-color 74ad10d6ed6ee2754512a3873eba51d31a8b34dd `Microsoft` 'Background-color' is clipped according to the 'background-clip' property in an inline element. background-color-border-box Background color clipped to 'border-box' http://www.w3.org/TR/css3-background/#the-background-color 54a4fa69477befc57c1f54316a7fa8f74f0d25ac `Microsoft` Background color is clipped according to the 'background-clip' value associated with the bottom-most background image. background-image-001 reference/background-image-001-ref CSS Backgrounds: background-image div http://www.w3.org/TR/css3-background/#the-background-image d3d0290e88b68a903d36eaf07b3af0ab15cd079f `Justin Hill` Test checks that background-image displays raster image for div background. background-image-002 reference/background-image-001-ref CSS Backgrounds: background-image layered background on div http://www.w3.org/TR/css3-background/#the-background-image d02a266534293696298dc5dff8d35341ea76ba15 `Justin Hill` Test checks that background-image displays layerd images in the correct order for div background. background-image-003 reference/background-image-001-ref CSS Backgrounds: background-image http://www.w3.org/TR/css3-background/#the-background-image 5a95d9a762e8da2cf9b34a0bdee76e345f19cdbf `Justin Hill` Test checks that background-image displays raster image for tag. background-image-004 reference/background-image-001-ref CSS Backgrounds: background-image layered images http://www.w3.org/TR/css3-background/#the-background-image 3882b372260a78ea821744589f4d364fd997adfd `Justin Hill` Test checks that background-image displays multiple images in correct order on tag. background-image-005 reference/background-image-001-ref CSS Backgrounds: background-image p tag http://www.w3.org/TR/css3-background/#the-background-image 5d0a6807031cb543e919367be8e13a2b8c34e1ec `Justin Hill` Test checks that background-image displays raster image for p tag. background-image-006 reference/background-image-001-ref CSS Backgrounds: background-image p layered images http://www.w3.org/TR/css3-background/#the-background-image cf55787aab7bc796f8d71a6eb24175a9dec7d3f1 `Justin Hill` Test checks that background-image displays multiple images in correct order on p tag. background-image-007 reference/background-image-001-ref CSS Backgrounds: background-image :first-letter layered images http://www.w3.org/TR/css3-background/#the-background-image 50fc6411db82c4b8fd4e8b33672fb216f35fee95 `Justin Hill` Test checks that background-image displays multiple images in correct order on :first-letter selector. background-image-first-letter reference/background-image-first-letter-ref background-image applicability to ::first-letter ahem,image http://www.w3.org/TR/css3-background/#placement,http://www.w3.org/TR/css3-background/#the-background-image,http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/CSS21/selector.html#first-letter 33216b72efcaf3636cc75079f9cd5ab9ce9aacba `Ethan Malasky` background-image applicability to ::first-letter background-intrinsic-001 reference/background-intrinsic-ref Background Intrinsic Sizes: No intrinsic size svg http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-size cfcf9891f26d3298426aa7e2cdfd9f200ebbb4c9 `Elika J. Etemad` A background image with no intrinsic size covers the entire padding box. background-intrinsic-002 reference/background-intrinsic-ref Background Intrinsic Sizes: Intrinsic Width svg http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-size c1a9c2942890ce523d618eee18668381259e7145 `Elika J. Etemad` A background image with only an intrinsic width covers its intrinsic width and the height of the padding box. background-intrinsic-003 reference/background-intrinsic-ref Background Intrinsic Sizes: Intrinsic Height svg http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-size dfd135b81375b2da316ef1d16517bf2a737f6c6a `Elika J. Etemad` A background image with only an intrinsic height covers its intrinsic height and the width of the padding box. background-intrinsic-004 reference/background-intrinsic-ref Background Intrinsic Sizes: Intrinsic Ratio (Match Heights) may,svg http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-size c0a6732451c7542bb03c87e60ab1e997b988d48b `Elika J. Etemad` A background image with only an intrinsic ratio covers largest rectangle at that ratio that exceeds neither the height nor width of the background positioning area. background-intrinsic-005 reference/background-intrinsic-ref Background Intrinsic Sizes: Intrinsic Ratio (Match Widths) may,svg http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-size 7cb37196defe37532bcbebf01dc7c2347d52af03 `Elika J. Etemad` A background image with only an intrinsic ratio covers largest rectangle at that ratio that exceeds neither the height nor width of the background positioning area. background-intrinsic-006 reference/background-intrinsic-ref Background Intrinsic Sizes: Intrinsic Percentage Width and Height svg http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-size 89c341c5461cf72d86d9d54c86de387a900b9a15 `Elika J. Etemad` A background image with only an intrinsic ratio covers largest rectangle at that ratio that exceeds neither the height nor width of the background positioning area. background-intrinsic-007 reference/background-intrinsic-ref Background Intrinsic Sizes: Intrinsic Width and Ratio svg http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-size 08853619d29e8abf3b53ae3f66f2310786472210 `Elika J. Etemad` A missing background image height is calculated from the width and the ratio. background-intrinsic-008 reference/background-intrinsic-ref Background Intrinsic Sizes: Intrinsic Height and Ratio svg http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-size a5939d59e8d38def41f2d0223b4bfb1c69e10b98 `Elika J. Etemad` A missing background image width is calculated from the height and the ratio. background-intrinsic-009 reference/background-intrinsic-ref Background Intrinsic Sizes: Intrinsic Width and Height (Vector) svg http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-size 7a7050157a4fa7ad32f7ed1d570964bb65cc8ae0 `Elika J. Etemad` A background with an intrinsic width and height is drawn at that size. background-intrinsic-010 reference/background-intrinsic-ref Background Intrinsic Sizes: Intrinsic Width and Height (Raster) svg http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/css3-background/#the-background-size 7f98f3661059a348b1d516626442a316f9e62600 `Elika J. Etemad` A background with an intrinsic width and height is drawn at that size. background-origin-001 background-origin - initial and supported values dom,script http://www.w3.org/TR/css3-background/#the-background-origin 1d942fad389dcf6cf78f29ce1a5ce3b2e68cc163 `Intel` Check if background-origin initial value is padding-box and supports values border-box, padding-box and content-box background-origin-002 reference/background-origin-002-ref background-origin - initial value image http://www.w3.org/TR/css3-background/#the-background-origin 51b3342fe33345406a1646150a89b6369d9f22ee `Intel` Background-origin with initial value implies to position the background relative to the padding box. background-origin-003 reference/background-origin-002-ref background-origin - padding-box keyword value image http://www.w3.org/TR/css3-background/#the-background-origin 6493c4736ec2aa8eb2a4747339218c69ed2d7b0b `Intel` Background-origin with 'padding-box' implies to position the background relative to the padding box. background-origin-004 reference/background-origin-004-ref background-origin - border-box keyword value image http://www.w3.org/TR/css3-background/#the-background-origin f3d8ce6f369ccf7eec267bd2ef5b30231ea5aa0f `Intel` Background-origin with 'border-box' implies to position the background relative to the border box. background-origin-005 reference/background-origin-005-ref background-origin - content-box keyword value image http://www.w3.org/TR/css3-background/#the-background-origin accb073963f7d6b91f053643c5716ee883fc4313 `Intel` Background-origin with 'content-box' implies to position the background relative to the content box. background-origin-006 reference/background-origin-006-ref background-origin 'content-box' with background-attachment 'fixed' image http://www.w3.org/TR/css3-background/#the-background-origin 86afd480f7a1dba04f1d25d72b41b1a56e0fd5cd `Intel` Check if the 'background-attachment' value is 'fixed' that expecting 'background-origin' has no effect and the background positioning area is the initial containing block. background-origin-007 reference/background-origin-007-ref background-origin 'border-box' with background-clip 'padding-box' image http://www.w3.org/TR/css3-background/#the-background-origin 661d6616abc1615874dded35cf4f47c15e7477ab `Intel` Check if 'background-clip' is 'padding-box', 'background-origin' is 'border-box', 'background-position' is 'top left' (the initial value), and the element has a non-zero border, that expecting the top and left of the background image will be clipped. background-origin-008 reference/background-origin-005-ref background-origin - inherit keyword value http://www.w3.org/TR/css3-background/#the-background-origin,http://www.w3.org/TR/css3-background/#value-types 07d0207076c291b1f117a83b01463557febc642c `Intel` Background-origin with 'inherit' implies to inherit its parent element value to position the background area. background-paint-order-001 reference/background-paint-order-001-ref Background clip and border painting order http://www.w3.org/TR/css3-background/#the-background-clip 2f504f1266a7794af6e1a0f34c603b67f2a35f6c `Julien Chaffraix` The background is painted behind the border. background-repeat-no-repeat reference/background-repeat-no-repeat background-repeat:no-repeat image http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat,http://www.w3.org/TR/css3-background/#the-background-repeat 11682036f813de6bd77295409e7884259d8d2595 `Jeffrey Carl Faden` The image is placed once in the background positioning area and not repeated in any direction. background-repeat-repeat-x reference/background-repeat-repeat-x background-repeat:repeat-x image http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat,http://www.w3.org/TR/css3-background/#the-background-repeat 2045d4adc4d0e306dda4bed6d1f643a92151e211 `Jeffrey Carl Faden` The image is repeated horizontally as often as needed to cover the background painting area. background-repeat-repeat-y reference/background-repeat-repeat-y background-repeat:repeat-y image http://www.w3.org/TR/CSS21/colors.html#propdef-background-repeat,http://www.w3.org/TR/css3-background/#the-background-repeat 5be38e2f02e45a57583bba37adad815886fad866 `Jeffrey Carl Faden` The image is repeated vertically as often as needed to cover the background painting area. background-repeat-round reference/background-repeat-round background-repeat:round image http://www.w3.org/TR/css3-background/#the-background-repeat 30a7f3206852c485f18f345482a4664d60ad31f8 `Jeffrey Carl Faden` The 'background-repeat: round' declaration must scale an image in one or more dimensions so it fits a whole number of times in the background positioning area. background-repeat-round-001 background-repeat - one round keyword value image http://www.w3.org/TR/css3-background/#the-background-repeat 6004c7aef2b987a87ce64c0047118c8c4ae4ee25 `Intel` Check if 'background-repeat' is 'round', then the width and height of the corresponding background image is rescaled so that they fit a whole number of times (2 in this test) in the background positioning area. Therefore the used width and height of the background image in this test should be 110px. background-repeat-round-002 background-repeat: round basic support image http://www.w3.org/TR/css3-background/#the-background-repeat 1a0c1c29e5c5ad357f96277b024066b65e8dbda8 `Lea Verou` The image is repeated as often as will fit within the background positioning area. If it doesn't fit a whole number of times, it is rescaled so that it does. background-repeat-round-1a reference/background-repeat-round-1-ref CSS Background: background-repeat: background image round https://www.w3.org/TR/css3-background/#background-repeat 80a1a7671c6e19094fb757990d09e4e1773b9e01 `Ethan Lin`,`Mozilla` Test checks whether background-repeat: 'round' works correctly or not. background-repeat-round-1b reference/background-repeat-round-1-ref CSS Background: background-repeat: background image round https://www.w3.org/TR/css3-background/#background-repeat da3e9cee369b808b70a29057ee6832cc2e790885 `Ethan Lin`,`Mozilla` Test checks whether background-repeat: 'round round' works correctly or not. background-repeat-round-1c reference/background-repeat-round-1-ref CSS Background: background-repeat: background image round https://www.w3.org/TR/css3-background/#background-repeat 47bcc9f129998dc5bf063972f4d988d0ca5cc13a `Ethan Lin`,`Mozilla` Test checks whether background-repeat: 'repeat round' works correctly or not. background-repeat-round-1d reference/background-repeat-round-1-ref CSS Background: background-repeat: background image round https://www.w3.org/TR/css3-background/#background-repeat 4ccc06ba05002fe1034b51ab0e72e72529253ac4 `Ethan Lin`,`Mozilla` Test checks whether background-repeat: 'round repeat' works correctly or not. background-repeat-round-1e reference/background-repeat-round-1-ref CSS Background: background-repeat: background image round https://www.w3.org/TR/css3-background/#background-repeat ed3420fc103a700f1b6594aa5ca463fe9848caa3 `Ethan Lin`,`Mozilla` Test checks whether background-repeat: 'repeat round' works correctly or not. background-repeat-round-2 reference/background-repeat-round-2-ref CSS Background: background-repeat: background image round no-repeat https://www.w3.org/TR/css3-background/#background-repeat 854a38b7c57d9e6b96caae7da816d3c9e5ad486a `Ethan Lin`,`Mozilla` Test checks whether background-repeat: 'round no-repeat' works correctly or not. background-repeat-round-3 reference/background-repeat-round-3-ref CSS Background: background-repeat: background image no-repeat round https://www.w3.org/TR/css3-background/#background-repeat bed76c217dfe83534e53b10111ea4d1646cd0322 `Ethan Lin`,`Mozilla` Test checks whether background-repeat: 'no-repeat round' works correctly or not. background-repeat-round-4 reference/background-repeat-round-4-ref CSS Background: background-repeat: background image round with specified position https://www.w3.org/TR/css3-background/#background-repeat 02ac615de08a46d2f761bae8e532386bae128dcd `Ethan Lin`,`Mozilla` Test checks whether background-repeat: 'round' works correctly or not. background-repeat-round-roundup reference/background-repeat-round-roundup background-repeat:round, rounding up image http://www.w3.org/TR/css3-background/#the-background-repeat e34726ee89c303590c6c76d60d62fbfb3a522858 `Jeffrey Carl Faden` The 'background-repeat: round' declaration must scale an image in one or more dimensions so it fits a whole number of times in the background positioning area. background-repeat-space reference/background-repeat-space background-repeat:space image http://www.w3.org/TR/css3-background/#the-background-repeat 61acbfe3d798516727be3376412ab8c116a00d50 `Jeffrey Carl Faden` The 'background-repeat: space' declaration must space out images in one or more dimensions so they fit a whole number of times in the background positioning area. The first and last images in each row and column must sit along edge(s) of the background positioning area. background-repeat-space-10 reference/background-repeat-space-10-ref CSS Background: background-repeat: background image space https://www.w3.org/TR/css3-background/#background-repeat 34bd450a99a9e6fb8b008803d73d47e45db65329 `Ethan Lin`,`Mozilla` Test checks whether background-repeat: 'space' works correctly or not. background-repeat-space-1a reference/background-repeat-space-1-ref CSS Background: background-repeat: background image space https://www.w3.org/TR/css3-background/#background-repeat 76f005a0d4c3f782a00ca0307191dd7e937663d3 `Ethan Lin`,`Mozilla` Test checks whether background-repeat: 'space' works correctly or not. background-repeat-space-1b reference/background-repeat-space-1-ref CSS Background: background-repeat: background image space with position https://www.w3.org/TR/css3-background/#background-repeat c6bfeaa12d6574a20c4d4248465e50f99bd162e4 `Ethan Lin`,`Mozilla` Test checks whether background-repeat: 'space' works correctly or not. background-repeat-space-1c reference/background-repeat-space-1-ref CSS Background: background-repeat: background image space https://www.w3.org/TR/css3-background/#background-repeat 91eed315c3cd32e5325d9231c8f5eada5deaf34f `Ethan Lin`,`Mozilla` Test checks whether background-repeat: 'space space' works correctly or not. background-repeat-space-2 reference/background-repeat-space-2-ref CSS Background: background-repeat: background image round with specified position https://www.w3.org/TR/css3-background/#background-repeat 4133ec23b77332bbeedc17608dfc59d145126372 `Ethan Lin`,`Mozilla` Test checks whether background-repeat: 'space' works correctly or not. background-repeat-space-3 reference/background-repeat-space-3-ref CSS Background: background-repeat: background image round with specified position https://www.w3.org/TR/css3-background/#background-repeat 6e8c9565c489d998d93bffa2e71668253b9f6a51 `Ethan Lin`,`Mozilla` Test checks whether background-repeat: 'no-repeat space' and 'space no-repeat' works correctly or not. background-repeat-space-4 reference/background-repeat-space-4-ref CSS Background: background-repeat: background image space https://www.w3.org/TR/css3-background/#background-repeat b81c2fa97d44cb32f74f583494a623ff1495da73 `Ethan Lin`,`Mozilla` Test checks whether background-repeat: 'repeat space' works correctly or not. background-repeat-space-5 reference/background-repeat-space-5-ref CSS Background: background-repeat: background image space https://www.w3.org/TR/css3-background/#background-repeat 1f0060ce75370d7d645deccbfc7a738f940bb381 `Ethan Lin`,`Mozilla` Test checks whether background-repeat: 'space repeat' works correctly or not. background-repeat-space-6 reference/background-repeat-space-6-ref CSS Background: background-repeat: background image space https://www.w3.org/TR/css3-background/#background-repeat a5f76ac5d6fa1b465fc42b588fa4474ee4e25346 `Ethan Lin`,`Mozilla` Test checks whether background-repeat: 'round space' works correctly or not. background-repeat-space-7 reference/background-repeat-space-7-ref CSS Background: background-repeat: background image space https://www.w3.org/TR/css3-background/#background-repeat 2adca7abbe7659ef20514690fea360abc989bf96 `Ethan Lin`,`Mozilla` Test checks whether background-repeat: 'space round' works correctly or not. background-repeat-space-8 reference/background-repeat-space-8-ref CSS Background: background-repeat: background image space https://www.w3.org/TR/css3-background/#background-repeat b712738910fb75870b7c1d5958b1e199efa25135 `Ethan Lin`,`Mozilla` Test checks whether background-repeat: 'space' works correctly or not. background-repeat-space-9 reference/background-repeat-space-9-ref CSS Background: background-repeat: background image space https://www.w3.org/TR/css3-background/#background-repeat 5a876a8cb5fd6690b3e3879cdd45360c961dffb8 `Ethan Lin`,`Mozilla` Test checks whether background-repeat: 'space' works correctly or not. background-repeat-space-padding-box 'Background-repeat: space' when background positioning area is 'padding-box' http://www.w3.org/TR/css3-background/#the-background-repeat 5ee80d6afce3765e184147d7a73e87dc27901c12 `Microsoft` When 'background-repeat: space' and background positioning area is set to 'padding-box' the image is repeated as often within the 'padding-box' without being clipped, the images are spaced out to fill the area and the first and last images touch the edges of the 'padding-box'. background-size-001 background-size - initial and supported values dom,script http://www.w3.org/TR/css3-background/#the-background-size a8b0f45ddafdfd1c5beb3230e15b97204204d39a `Intel` Check if background-size initial value is auto and supports values auto, cover and contain background-size-002 reference/background-size-002-ref background-size - initial value image http://www.w3.org/TR/css3-background/#the-background-size ad630fb30f4b741376f88b7b5186ae39ef19ba61 `Intel` Check if 'background-size' with initial value implies to the intrinsic width and height of the image are to be used. Therefore the used width and height of the background-size in this test should be 60px and 60px. background-size-003 Value of 'auto' is used for y dimension in 'background-size' http://www.w3.org/TR/css3-background/#the-background-size fec02973b2e25b88fe12e1db78863f76f0a6c96a `Microsoft` An 'auto' value for y dimension in 'background-size' is resolved by using the image's intrinsic ratio and the size provided for the x dimension. background-size-005 reference/background-size-002-ref background-size - one auto keyword value image http://www.w3.org/TR/css3-background/#the-background-size 88f2e9f6286faf6e87827321b43df30c0de7e095 `Intel` Check if 'background-size' has only one value 'auto', then such value is the width of the correspoding image and the second value (corresponding to the height of the background image) is assumed to be 'auto'. An 'auto' value for one dimension is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used width and height of the background-size in this test should be 60px and 60px. background-size-006 reference/background-size-006-ref background-size - one value image http://www.w3.org/TR/css3-background/#the-background-size e7a0cde7e4bef1885fe1523c7011a93b97b787c0 `Intel` Check if 'background-size' has only one length value, then such value is the width of the corresponding image and the second value (corresponding to the height of the background image) is assumed to be 'auto'. An 'auto' value for one dimension is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used height of the background-size in this test should be 45px. background-size-007 reference/ref-filled-green-100px-square background-size - one value at minimum image http://www.w3.org/TR/css3-background/#the-background-size 3547359b24eb4a451646c287630ea5b219f6a403 `Intel` Check if 'background-size' is '0px', minimum width of the positioning area in length, then such value is the width of the corresponding image and therefore the background image is not to be displayed. background-size-008 reference/ref-filled-green-100px-square background-size - one value at maximum image http://www.w3.org/TR/css3-background/#the-background-size af2a27e5129325a63c751ebb6492bb1c7afe7f12 `Intel` Check if 'background-size' is '100px', maximum width of the positioning area in length, then such value is the width of the corresponding image and the second value (corresponding to the height of the background image) is assumed to be 'auto'. An 'auto' value for one dimension is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used height of the background-size in this test should be 100px. background-size-009 reference/background-size-006-ref background-size - one value image http://www.w3.org/TR/css3-background/#the-background-size 7bf435cbdb416f96f1d831e9baf1914ff6300b5e `Intel` Check if 'background-size' has only one percentage value, then such value is the width of the corresponding image and the second value (corresponding to the height of the background image) is assumed to be 'auto'. A percentage is relative to the dimensions of the background positioning area. An 'auto' value for one dimension is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used height of the background-size in this test should be 45px. background-size-010 reference/ref-filled-green-100px-square background-size - one value at minimum image http://www.w3.org/TR/css3-background/#the-background-size 221d47718c5d82aca43f829ac9db170ad71e0f50 `Intel` Check if 'background-size' is '0%', minimum width of the positioning area in percentage, then such value is the width of the corresponding image and therefore the background image is not to be displayed. background-size-011 reference/ref-filled-green-100px-square background-size - one value at maximum image http://www.w3.org/TR/css3-background/#the-background-size 24837619751fc3d86d97257f45fc370ac4fc55ac `Intel` Check if 'background-size' is '100%', maximum width of the positioning area in percentage, then such value is the width of the corresponding image and the second value (corresponding to the height of the background image) is assumed to be 'auto'. An 'auto' value for one dimension is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used height of the background-size in this test should be 100px. background-size-012 reference/background-size-002-ref background-size - two auto keyword values image http://www.w3.org/TR/css3-background/#the-background-size da1c3c475c141279a5c9cbeb05b66d931ef93335 `Intel` Check if 'background-size' has two values 'auto', then the intrinsic width and/or height of the image should be used. Therefore the used width and height of the background-size in this test should be 60px and 60px. background-size-013 reference/ref-filled-green-100px-square background-size - one auto keyword and one values image http://www.w3.org/TR/css3-background/#the-background-size c71ef9bd5cde6ad140d38d2fbb5b4097fc5b0ba9 `Intel` Check if 'background-size' has one 'auto' and one length values, then the second value is the height of the corresponding background image and the first value (corresponding to the width of the background image) is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used width of the background-size in this test should be 100px. background-size-014 reference/background-size-006-ref background-size - one auto keyword and one values image http://www.w3.org/TR/css3-background/#the-background-size 410c7596a9bb965705e780959ea6dfc48595ef2f `Intel` Check if 'background-size' has one 'auto' and one percentage values, then the second value is the height of the corresponding background image and the first value (corresponding to the width of the background image) is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. A percentage is relative to the dimensions of the background positioning area. Therefore the used width of the background-size in this test should be 45px. background-size-015 reference/ref-filled-green-100px-square background-size - one and one auto keyword values image http://www.w3.org/TR/css3-background/#the-background-size 04dceb9a97a49ea5c26c3fd2071a322df308d93f `Intel` Check if 'background-size' has one length and one auto values, then the first value is the width of the corresponding background image and the second value (corresponding to the height of the background image) is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used height of the background-size in this test should be 100px. background-size-016 reference/ref-filled-green-100px-square background-size - two values image http://www.w3.org/TR/css3-background/#the-background-size c24247b037751ab85badfb1f96d35d836a2d3950 `Intel` Check if 'background-size' has two length values, then such values are the width and height of the corresponding background image. Therefore the used width and height of the background-size in this test should be 100px and 100px. background-size-017 reference/background-size-006-ref background-size - one and one values image http://www.w3.org/TR/css3-background/#the-background-size 99e6018c53696ab403e707c5e9787c2ad72404c8 `Intel` Check if 'background-size' has one length and one percentage values, then such values are the width and height of the corresponding background image. Therefore the used width and height of the background-size in this test should be 45px and 45px. background-size-018 reference/ref-filled-green-100px-square background-size - one and one auto keyword values image http://www.w3.org/TR/css3-background/#the-background-size 432aff641baaf34936b9b0a30b449208efbf0221 `Intel` Check if 'background-size' has one percentage and one auto values, then the first value is the width of the corresponding background image and the second value (corresponding to the height of the background image) is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension. Therefore the used height of the background-size in this test should be 100px. background-size-019 reference/ref-filled-green-100px-square background-size - one and one values image http://www.w3.org/TR/css3-background/#the-background-size e69ec712db5293a949421dcc598c79ecd0a8260d `Intel` Check if 'background-size' has one percentage and one length values, then such values are the width and height of the corresponding background image. Therefore the used width and height of the background-size in this test should be 100px and 100px. background-size-020 reference/ref-filled-green-100px-square background-size - two values image http://www.w3.org/TR/css3-background/#the-background-size ef7cd5b8b8a02e7ef6cde105d4dbd5615b73c7f2 `Intel` Check if 'background-size' has two percentage values, then such values are the width and height of the corresponding background image. Therefore the used width and height of the background-size in this test should be 45px and 45px. background-size-021 reference/background-size-021-ref background-size '100% 100%' with background-origin 'content-box' image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#the-background-origin 8ed8907193c08394baa6006fbb567ffb2dc785ce `Intel` Check if 'background-size' is '100% 100%' that it rescales the background image independently in both dimensions to completely cover the background positioning area (it is 100px by 100px as background-origin is 'content-box'). In this test, the background-image should be scaled from 40px wide and 20px tall to become 100px by 100px. background-size-022 background-size '50% auto' with background-origin 'border-box' image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#the-background-origin a595248600342501eb33dd3c6c6f38bd31af9db7 `Intel` Check if 'background-size' is '50% auto', then it rescales the background image so that exactly two copies fit the background positioning area (it is 160px by 160px in this test) horizontally. Therefore the used width of the background-size in this test should be 80px. background-size-023 background-size '50% auto' with background-clip 'padding-box' image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#the-background-clip 3719857f0d7933dbd0735336dc73d4b5b0724d95 `Intel` Check if 'background-size' is '50% auto', then it rescales the background image so that exactly two copies fit the background positioning area (it is 150px by 150px in this test) horizontally. Therefore the used width of the background-size in this test should be 75px. background-size-024 background-size '100% 100%' with background-clip 'content-box' image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#the-background-clip 1b101dcfde58d52f94cf4f3eddac4ab1bb481728 `Intel` Check if 'background-size' is '100% 100%' that it rescales the background image independently in both dimensions to completely cover the background positioning area (it is 150px by 150px in this test), and then the background image is clipped to fit into the content area (it is 100px by 100px as background-clip is 'content-box'). background-size-025 reference/background-size-025-ref background-size 'auto 61px' with background-repeat 'round' image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#the-background-repeat 2bb8dd626dee0b60a74cfbb34d5130465c425dc5 `Intel` Check if 'background-size' is 'auto 61px' and 'background-repeat' is 'round', then the height of the corresponding background image is rounded (70px in this test) so that it fits a whole number of times (3 in this test) in the background positioning area, and the width of the background image is rescaled (70px in this test) to keep the original aspect ratio. background-size-026 reference/background-size-026-ref background-size 'auto' with background-repeat 'repeat' image http://www.w3.org/TR/css3-background/#the-background-size 1f94558cd29aabae4344ae3bde46acb6544e2937 `Intel` Check if 'background-size' is 'auto' and 'background-repeat' is 'repeat', that the background image is shown at its intrinsic size (98px wide by 99px tall in this test) and repeats in both horizontal and vertical to cover the background painting area (the same as background positioning area in this test). background-size-027 reference/background-size-027-ref background-size '52px auto' with background-repeat 'repeat round' image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#the-background-repeat 032cef687f18008da4228d24de02747c818038ff `Intel` Check if 'background-size' is '52px auto' and 'background-repeat' is 'repeat round', then the width of the corresponding background image is 52px and then repeated while the height is first rescaled from 100px to 52px to keep the original image aspect ratio and then to 60px due to 'round'. background-size-028 reference/background-size-028-ref background-size '50px' with background-repeat 'repeat' image http://www.w3.org/TR/css3-background/#the-background-size 7f8bb45cf8f21cbc3aa7a7e42a4b76a98245d3c5 `Intel` Check if 'background-size' is '50px' and 'background-repeat' is 'repeat', then the background image is shown with a width of 50px and its height is resolved by using the image's intrinsic ratio (in this test, the image's intrinsic ratio is 1:1) and (multiplied by) the size of the other dimension, and then it is repeated in both directions. background-size-029 reference/background-size-029-ref background-size '52px auto' with background-repeat 'round repeat' image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#the-background-repeat 085d6eab9802d95f64456254c853c1475b7d23b6 `Intel` Check if 'background-size' is '52px auto' and 'background-repeat' is 'round repeat', then the width is first rescaled to from 100px to 52px and then rescaled to 60px due to 'round' and the height of the corresponding background image is rescaled from 100px to 60px (to keep the original image aspect ratio) and then repeated vertically. background-size-030 reference/background-size-028-ref background-size '25% 25%' with background-repeat 'repeat' image http://www.w3.org/TR/css3-background/#the-background-size 64ead359b68d6ae257163ca5b943f2fb3391d7c4 `Intel` Check if 'background-size' is '25% 25%' and 'background-repeat' is 'repeat', then the background image is shown with a width and height of 25% (in this test, 50px by 50px), and then it is repeated in both directions. background-size-031 reference/background-size-031-ref background-size '20% 30%' with background-repeat 'no-repeat round' image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#the-background-repeat ce8f4d36e1c81a42a046bc5586ed62488a5d43d7 `Intel` Check if 'background-size' is '20% 30%' and 'background-repeat' is 'no-repeat round', then the height of the corresponding background image is 50px so that it fits a whole number of times (3 in this test) in the background positioning area, and the width of the background image is rescaled to 20% (50px in this test) of the background area. background-size-032 background-size - applies to ::first-letter pseudo-element image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#values 5ea3627c9273f45ed83c41b332cac1ac6f8500dd `Intel` Check if background-size is able to apply to the ::first-letter pseudo-element. background-size-033 background-size - applies to ::first-line pseudo-element image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#values 4718350b22a059ed9d8315a72c06f693a3d3371a `Intel` Check if background-size is able to apply to the ::first-line pseudo-element. background-size-034 reference/ref-filled-green-100px-square background-size - inherit keyword value image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#values 3fc2ab4d71ad30e3de7064065340412f21682aac `Intel` Check if background-size supports inherit keyword as its property value. background-size-035 reference/background-size-ref background-size conflicts with background-attachment http://www.w3.org/TR/css3-background/#the-background-size 0afbb434f581e374e360c192c2b44943390b1a87 `xiaochun` The test passes if we can see the background-image is exactly same as above. background-size-applies-to-block 'Background-size' applied to element with a display of 'block'. http://www.w3.org/TR/css3-background/#the-background-size 0a809377a72418e1524250623b7a77d47301b6cd `Microsoft` 'Background-size' property applies to elements with 'display: block'. background-size-aspect-ratio Original aspect ratio of image is maintained when 'background-size: auto' and 'background-repeat: round' http://www.w3.org/TR/css3-background/#the-background-size 363b739b8ef0936ac23e2f68648296e12995ed17 `Microsoft` If 'background-repeat' is 'round' for one dimension only and if 'background-size' is 'auto' in the other dimension, then the other dimension is sclaed so that the original aspect ratio is restored. background-size-contain reference/background-size-contain background-size:contain image http://www.w3.org/TR/css3-background/#the-background-size 87c250883a042d9dff85ed1762d5584197a0e156 `Jeffrey Carl Faden` The background image is scaled, while preserving its intrinsic aspect ratio (if any), to the largest size such that both its width and its height can fit inside the background positioning area. background-size-contain-001 reference/ref-filled-green-100px-square background-size - contain keyword value image http://www.w3.org/TR/css3-background/#the-background-size 77b72630ea8df0150729e04bd3b9c2815efbaf5e `Intel` Check if 'background-size' is 'contain' that it scales the background-image, while preserving its intrinsic aspect ratio (it is 1:1 in this test), to the largest size such that both its width and its height can fit inside the background positioning area. In this test, the background-image should be scaled to become 100px by 100px. background-size-contain-002 reference/ref-filled-green-100px-square background-size - contain keyword value image http://www.w3.org/TR/css3-background/#the-background-size 17090bf9ca9610980cee9007c9e84d05a6d17bc9 `Intel` Check if 'background-size' is 'contain' that it scales the background-image, while preserving its intrinsic aspect ratio (it is 1:1 in this test), to the largest size such that both its width and its height can fit inside the background positioning area. In this test, the background-image should be scaled to become 100px by 100px. background-size-cover reference/background-size-cover background-size:cover image http://www.w3.org/TR/css3-background/#the-background-size e4e52b0bc0f46f60fde1b93cb1b4e9c9c1c1f51c `Jeffrey Carl Faden` The background image is scaled, while preserving its intrinsic aspect ratio (if any), to the smallest size such that both its width and its height can completely cover the background positioning area. background-size-cover-001 reference/ref-filled-green-100px-square background-size - cover keyword value image http://www.w3.org/TR/css3-background/#the-background-size ed0ce31666095f3b469a35a450dd0b1927c7147d `Intel` Check if 'background-size' is 'cover' that it scales the background-image, while preserving its intrinsic aspect ratio (it is 1:1 in this test), to the smallest size such that both its width and its height can completely cover the background positioning area. In this test, the background-image should be scaled to become 100px by 100px. background-size-cover-002 reference/ref-filled-green-100px-square background-size - cover keyword value image http://www.w3.org/TR/css3-background/#the-background-size afe82d8162d1e62f917f6e5add1b9c89f90c9e98 `Intel` Check if 'background-size' is 'cover' that it scales the background-image, while preserving its intrinsic aspect ratio (it is 1:1 in this test), to the smallest size such that both its width and its height can completely cover the background positioning area. In this test, the background-image should be scaled to become 100px by 100px. background-size-cover-contain-001 reference/ref-filled-green-100px-square background-size - cover value and contain value image http://www.w3.org/TR/css3-background/#the-background-size f44ac0c31ef3ff5f020541c61323d28b317398f7 `Gérard Talbot` When 'background-size' is 'cover', then the background-image is scaled, while preserving its intrinsic aspect ratio (it is 1:1 in this test), to the smallest size such that both its width and its height can completely cover the background positioning area. When 'background-size' is 'contain', then the background-image is scaled, while preserving its intrinsic aspect ratio (it is 1:1 in this test), to the largest size such that both its width and its height can fit inside the background positioning area. In this test, the 2 background-images should be scaled to become 100px by 100px. background-size-cover-contain-002 reference/ref-filled-green-100px-square background-size - cover value and contain value image http://www.w3.org/TR/css3-background/#the-background-size 9b3b3bf98c828224467a310ca3d2a8d0d93d258a `Gérard Talbot` When 'background-size' is 'cover', then the background-image is scaled, while preserving its intrinsic aspect ratio (it is 1:1 in this test), to the smallest size such that both its width and its height can completely cover the background positioning area. When 'background-size' is 'contain', then the background-image is scaled, while preserving its intrinsic aspect ratio (it is 1:1 in this test), to the largest size such that both its width and its height can fit inside the background positioning area. In this test, the 2 background-images should be scaled to become 100px by 100px. background-size-vector-001 reference/background-size-vector-001-ref background-size: 16px auto; for nonpercent-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute e9e9f97905673f8589cb73215a94c9f2245ca004 `Jeff Walden` background-size-vector-002 reference/background-size-vector-001-ref background-size: 16px auto; for nonpercent-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 1b66ee2ce3f2166c86765ce017e6aab604d7fc30 `Jeff Walden` background-size-vector-003 reference/ref-t-lime16x128-aqua16x128 background-size: 32px auto; for nonpercent-width-omitted-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 0dcfab79cffdf0a01f496567796f86f667fcbd41 `Jeff Walden` background-size-vector-004 reference/ref-t-lime16x192-aqua16x192 background-size: 16px auto; for nonpercent-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute da661685629965ee3af31ae1f5347be7764567c2 `Jeff Walden` background-size-vector-005 reference/ref-t-lime16x128-aqua16x128 background-size: 16px auto; for nonpercent-width-percent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 30b784bfa889b72e1cb7b8a3387f564f67f6c05c `Jeff Walden` background-size-vector-006 reference/ref-t-lime16x192-aqua16x192 background-size: 16px auto; for nonpercent-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 7053cf28fe412b849781aaab4e65276fc4d0ad3e `Jeff Walden` background-size-vector-007 reference/ref-t-lime16x128-aqua16x128 background-size: 16px auto; for omitted-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute c1ef0e7bebaa2e3c08eb962268e15769a7c6e0ee `Jeff Walden` background-size-vector-008 reference/background-size-vector-008-ref background-size: 16px auto; for omitted-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 7d65a1d09cb3d5050208cb7e24a4add2575f8b66 `Jeff Walden` background-size-vector-009 reference/ref-t-lime16x128-aqua16x128 background-size: 16px auto; for omitted-width-omitted-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute eeb3548c75dc6319cdee3be74119449fd8d74309 `Jeff Walden` background-size-vector-010 reference/ref-t-lime16x192-aqua16x192 background-size: 16px auto; for omitted-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 2bb52b57dc79cdf15ab0fedee4efbb6e6d32cf4d `Jeff Walden` background-size-vector-012 reference/ref-t-lime16x192-aqua16x192 background-size: 16px auto; for omitted-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 70dbe607a20f9644f5e387ecf1fc1503f9f5df11 `Jeff Walden` background-size-vector-013 reference/ref-t-lime16x128-aqua16x128 background-size: 16px auto; for percent-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 33a25333dbe80cbfa55184c930a322c53baa89d5 `Jeff Walden` background-size-vector-014 reference/background-size-vector-008-ref background-size: 16px auto; for percent-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 1d0499fe1d603196de7e91aaa72aa011d22769c0 `Jeff Walden` background-size-vector-015 reference/ref-t-lime16x128-aqua16x128 background-size: 16px auto; for percent-width-omitted-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 00f6313fad67f03a468f325125ec1bed5d989cf0 `Jeff Walden` background-size-vector-016 reference/ref-t-lime16x192-aqua16x192 background-size: 16px auto; for percent-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute ff3d5a13a442704b5ef5268f7d5969628bc0eb13 `Jeff Walden` background-size-vector-017 reference/ref-t-lime16x128-aqua16x128 background-size: 16px auto; for percent-width-percent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute d1c5534813efba206b0c83b1bbdd7191127418c3 `Jeff Walden` background-size-vector-018 reference/ref-t-lime16x192-aqua16x192 background-size: 16px auto; for percent-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 0a4e1810fcc2f4fecf0f48dbf9c651e6642ddeb7 `Jeff Walden` background-size-vector-019 reference/ref-t-lime8x16-aqua8x16 background-size: auto; for nonpercent-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 259a2c6278471f0efdba74474ee085d8c9b484ba `Jeff Walden` background-size-vector-020 reference/ref-t-lime8x16-aqua8x16 tall background-size: auto; for nonpercent-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute bd47c96e724f752160b43e20e6c48fbd4952ee28 `Jeff Walden` background-size-vector-021 reference/background-size-vector-021-ref background-size: auto; for nonpercent-width-omitted-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 37ce637aea7d80cf32cf8f68a6bc473e70e70868 `Jeff Walden` background-size-vector-022 reference/background-size-vector-022-ref background-size: auto; for nonpercent-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute bb74d77c3ef7157420f85e4ca297b4d24b2b2f6f `Jeff Walden` background-size-vector-023 reference/background-size-vector-021-ref background-size: auto; for nonpercent-width-percent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 0acc90f55a995fefe1def794510a2624fcec938a `Jeff Walden` background-size-vector-024 reference/background-size-vector-022-ref background-size: auto; for nonpercent-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute b2915c5d05dd752be1c4a1f5c06dd527d9572d4e `Jeff Walden` background-size-vector-025 reference/ref-t-lime2x16-aqua2x16 background-size: auto; for omitted-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 1ba2b892e662c7f37b9ea69ffb57c032cc5ef41d `Jeff Walden` background-size-vector-026 reference/ref-t-lime128x16-aqua128x16 background-size: auto; for omitted-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 378bcdc25a4af48e4a6bf9202e23a9e58bfd5d27 `Jeff Walden` background-size-vector-027 reference/ref-t-lime24x192-aqua24x192 background-size: auto; for omitted-width-omitted-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 7e1b314255014e1e24711bc5befe5fb0f7a5d49a `Jeff Walden` background-size-vector-028 reference/ref-t-lime128x192-aqua128x192 background-size: auto; for omitted-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 23ad2ae5af8e86cb77e8b12a8343b3712a0191be `Jeff Walden` background-size-vector-029 reference/ref-t-lime24x192-aqua24x192 background-size: auto; for omitted-width-percent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 1301e410b83469d7403735f1e9e6ac11da538f4a `Jeff Walden` background_color_padding_box Background color clipped to 'padding-box' http://www.w3.org/TR/css3-background/#the-background-color 19bf2ed478299d438253a092c7a8aa5c0af90fea `Microsoft` Background color is clipped according to the 'background-clip' value associated with the bottom-most background image. background_position_three_four_values 'Background-position' with three and four values http://www.w3.org/TR/css3-background/#background-position ce7ecd5e464bcb9643155b7be459299eee0ed1de `Microsoft` If three or four values are given to 'background-position', then each percentage or length value represents an offset from the edge specified by the keyword. background_properties_greater_than_images Number of background properties greater than number of background images http://www.w3.org/TR/css3-background/#layering d00610cc99c8a907ce9eb185f974eb5475d06271 `Microsoft` If the background properties values are greater than the number of background images, then the excess values are ignored. background_repeat_space_border_box 'Background-repeat: space' when background positioning area is 'border-box' http://www.w3.org/TR/css3-background/#the-background-repeat 4aa69b43e5418a56da2a8b8e1fdad9eaf8003902 `Microsoft` When 'background-repeat: space' and background positioning area is set to 'border-box' the image is repeated as often within the 'border-box' without being clipped, the images are spaced out to fill the area and the first and last images touch the edges of the 'border-box'. background_repeat_space_content_box 'Background-repeat: space' when background positioning area is 'content-box' http://www.w3.org/TR/css3-background/#the-background-repeat fb43884eb92701172b7aaf198eb17d1687171796 `Microsoft` When 'background-repeat: space' and background positioning area is set to 'content-box' the image is repeated as often within the 'content-box' without being clipped, the images are spaced out to fill the area and the first and last images touch the edges of the 'content-box'. border-001 reference/border-001-ref Border set using border-width http://www.w3.org/TR/CSS21/box.html#propdef-border,http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties,http://www.w3.org/TR/css3-background/#borders,http://www.w3.org/TR/css3-background/#the-border-shorthands a16a653b4925e0fcd595c0c296296c0df388fe30 `Microsoft` The 'border' shorthand property properly accepts and sets border-width. border-003 reference/border-003-ref Border set using border-color http://www.w3.org/TR/CSS21/box.html#propdef-border,http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties,http://www.w3.org/TR/css3-background/#borders,http://www.w3.org/TR/css3-background/#the-border-shorthands 22ea10b6821bec16b84b1c50d45dd36e24f676f2 `Microsoft` The 'border' shorthand property properly accepts and sets border-color. border-005 reference/border-005-ref Border set using border-width border-color http://www.w3.org/TR/CSS21/box.html#propdef-border,http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties,http://www.w3.org/TR/css3-background/#borders,http://www.w3.org/TR/css3-background/#the-border-shorthands b0b1e7d54241a0208697a1c15ce0cfb85d850f99 `Microsoft` The 'border' shorthand property properly accepts and sets 'border-width' and 'border-color'. border-006 reference/border-006-ref Border set using border-style border-width http://www.w3.org/TR/CSS21/box.html#propdef-border,http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties,http://www.w3.org/TR/css3-background/#borders,http://www.w3.org/TR/css3-background/#the-border-shorthands b783001dd09397788d92e59d71cb64110634c848 `Microsoft` The 'border' shorthand property properly accepts and sets 'border-style' and 'border-width'. border-008 reference/border-005-ref Border set using border-color border-width http://www.w3.org/TR/CSS21/box.html#propdef-border,http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties,http://www.w3.org/TR/css3-background/#borders,http://www.w3.org/TR/css3-background/#the-border-shorthands 00c276a16610483a3021145453926f2217468610 `Microsoft` The 'border' shorthand property properly accepts and sets 'border-color' and 'border-width'. border-bottom-left-radius-001 reference/border-radius-001-ref Borders. Border-bottom-left-radius using 0 value http://www.w3.org/TR/css3-background/#the-border-radius 8f788080e72a3000d1e04eb716a66c01bfd969fa `Nokia` To verify the border-bottom-left-radius property, when set with 0, works as expected border-bottom-left-radius-002 Borders. Border-bottom-left-radius using one length value: 25px http://www.w3.org/TR/css3-background/#the-border-radius 44e3e912f92b13d2e9205d54507a059f59f3b527 `Nokia` To verify if border-bottom-left-radius property set to one length value, works as expected border-bottom-left-radius-003 border-bottom-left-radius-004 Borders. Border-bottom-left-radius using two length values: 40px 20px http://www.w3.org/TR/css3-background/#the-border-radius 29e351b4baf1fc0f56f81949d283a23d4c50199a `Nokia` To verify border-bottom-left-radius property set to two length values, works as expected border-bottom-left-radius-004 border-bottom-left-radius-003 Borders. Border-bottom-left-radius using one percentage value: 20% http://www.w3.org/TR/css3-background/#the-border-radius 4c332ad574f83333c69bdbb564f9e76ab82cd268 `Nokia` To verify border-bottom-left-radius property set to percentage value, works as expected border-bottom-left-radius-005 border-bottom-left-radius-006 Borders. Border-bottom-left-radius using two percentage values: 20% 30% http://www.w3.org/TR/css3-background/#the-border-radius 339052c1fc5555116fb23e9984ccd11d994a0169 `Nokia` To verify border-bottom-left-radius property set to two precentage value, works as expected border-bottom-left-radius-006 border-bottom-left-radius-005 Borders. Border-bottom-left-radius using two values: 40px 30% http://www.w3.org/TR/css3-background/#the-border-radius a6144b25aab2370a8996f6786d4ec1d2eca85754 `Nokia` To verify border-bottom-left-radius property set to two values in different unit, works fine border-bottom-left-radius-007 border-bottom-left-radius-009 Borders. Border-bottom-left-radius using two values: 20% 25px http://www.w3.org/TR/css3-background/#the-border-radius 719304e04c9a763a27d805f7a642c55d0f707cf2 `Nokia` To verify border-bottom-left-radius property set to two values in different unit, works fine border-bottom-left-radius-008 Borders. Border-bottom-left-radius using two values: 4em 30% http://www.w3.org/TR/css3-background/#the-border-radius 438c883fcc301a19d3b0ee488ce393d37aa59d09 `Nokia` To verify border-bottom-left-radius property set to two values in different units, works fine border-bottom-left-radius-009 border-bottom-left-radius-007 Borders. Border-bottom-left-radius using "inherit" http://www.w3.org/TR/css3-background/#the-border-radius 05da3f52c79665668a630d2773110329c3e82c17 `Nokia` To verify if inherit feature works, when assigned to border-bottom-left-radius border-bottom-left-radius-010 reference/border-radius-001-ref Borders. Border-bottom-left-radius using one length value: 25px 0 http://www.w3.org/TR/css3-background/#the-border-radius 1b2ab17f10a569fd7eaa3a150a7a10f20fa04976 `Nokia` To verify border-bottom-left-radius property set to one length value, works fine border-bottom-left-radius-011 reference/border-radius-001-ref Borders. Border-bottom-left-radius using one length value: 0 3em http://www.w3.org/TR/css3-background/#the-border-radius c28f6885a337d2a6fb14cf4704d952c1ef25d099 `Nokia` To verify border-bottom-left-radius property set to one length value, works fine border-bottom-left-radius-012 Borders. Border-bottom-left-radius using two length values: 0.5in 10mm http://www.w3.org/TR/css3-background/#the-border-radius 51ec5221f00c6d2ec2dff16a37aeb9b168632344 `Nokia` To verify border-bottom-left-radius property set to two length values (with diferent units), works as expected border-bottom-left-radius-013 Borders. Border-bottom-left-radius using two length values: 40pt 2pc http://www.w3.org/TR/css3-background/#the-border-radius d38dd4a9e64a9d25636f8aa97c6a9e432929126b `Nokia` To verify border-bottom-left-radius property set to two length values (with different units), works as expected border-bottom-left-radius-014 reference/border-radius-001-ref Borders. Border-bottom-left-radius using two length values: 50px -25px http://www.w3.org/TR/css3-background/#the-border-radius e73ede1f64d04ad8ee940e981e373777fe7ee052 `Nokia` To verify if one length value is negative in border-bottom-left-radius, then the corner is not rounded. border-bottom-right-radius-001 reference/border-radius-001-ref Borders. Border-bottom-right-radius using 0 value http://www.w3.org/TR/css3-background/#the-border-radius 235b431c931284eb6c6f3928b2d5baac87526081 `Nokia` To verify border-bottom-right-radius property, when set with 0, works as expected border-bottom-right-radius-002 Borders. Border-bottom-right-radius using one length value: 25px http://www.w3.org/TR/css3-background/#the-border-radius a04205711998add65ed6002832b57b6c04187408 `Nokia` To verify border-bottom-right-radius property set with one length value, works as expected border-bottom-right-radius-003 border-bottom-right-radius-004 Borders. Border-bottom-right-radius using two length values: 40px 20px http://www.w3.org/TR/css3-background/#the-border-radius c1f592b467bd1d838fbe6bf8cbd8bcdbd1f5adfe `Nokia` To verify border-bottom-right-radius property set with two length values, works as expected border-bottom-right-radius-004 border-bottom-right-radius-003 Borders. Border-bottom-right-radius using one percentage value: 20% http://www.w3.org/TR/css3-background/#the-border-radius 8a64b7a7d85b0fd5ffd1dc865b57eeed27ebb7d1 `Nokia` To verify border-bottom-right-radius property set with one percentage value, works as expected border-bottom-right-radius-005 border-bottom-right-radius-006 Borders. Border-bottom-right-radius using two percentage value: 20% 30% http://www.w3.org/TR/css3-background/#the-border-radius 7916d44581c6f874fdcfc8a4a48c0ff39473c25b `Nokia` To verify border-bottom-right-radius property set with two percentage value works as expected border-bottom-right-radius-006 border-bottom-right-radius-005 Borders. Border-bottom-right-radius using two value: 40px 30% http://www.w3.org/TR/css3-background/#the-border-radius 28f66a38a7dc3af73719dbd067e3b4f7d650ade2 `Nokia` To verify border-bottom-right-radius property set to two value with different unit, works as expected border-bottom-right-radius-007 border-bottom-right-radius-009 Borders. Border-bottom-right-radius using two value: 20% 25px http://www.w3.org/TR/css3-background/#the-border-radius 057b7d9bc5aa9b0c25fa8954fd4cf09050c31e78 `Nokia` To verify border-bottom-right-radius property set to two value with different unit, works as expected border-bottom-right-radius-008 Borders. Border-bottom-right-radius using two values: 4em 30% http://www.w3.org/TR/css3-background/#the-border-radius 6c67570193e591c522ff4d92575d8c5a60490e32 `Nokia` To verify border-bottom-right-radius property set to two values with different units, works as expected border-bottom-right-radius-009 border-bottom-right-radius-007 Borders. Border-bottom-right-radius using "inherit" http://www.w3.org/TR/css3-background/#the-border-radius 142da9f95726f9205add552972110defc72cfb1c `Nokia` To verify if inherit feature works, when assigned to "borderbottomrightradius" property border-bottom-right-radius-010 reference/border-radius-001-ref Borders. Border-bottom-right-radius using one length value: 25px 0 http://www.w3.org/TR/css3-background/#the-border-radius 78693cd3bb5731188d42c1d6fb1a405b4ac5250b `Nokia` To verify border-bottom-right-radius property set with one length value, works as expected border-bottom-right-radius-011 reference/border-radius-001-ref Borders. Border-bottom-right-radius using one length value: 0 3em http://www.w3.org/TR/css3-background/#the-border-radius 62e986f871b9f73a63dd29104f3e9bb06b3044b3 `Nokia` To verify border-bottom-right-radius property set with one length value, works as expected border-bottom-right-radius-012 Borders. Border-bottom-right-radius using two length values: 0.5in 10mm http://www.w3.org/TR/css3-background/#the-border-radius 1abe42ee07f3a8207c0e40ffe53aaee66f4a0b7a `Nokia` To verify border-bottom-right-radius property set with two values (with different units), works as expected border-bottom-right-radius-013 Borders. Border-bottom-right-radius using two length values: 40pt 2pc http://www.w3.org/TR/css3-background/#the-border-radius 033344f1f722b102330a32347d6655e2d6d24067 `Nokia` To verify border-bottom-right-radius property set with two values (with different units), works fine border-bottom-right-radius-014 reference/border-radius-001-ref Borders. Border-bottom-right-radius using two length values: 50px -25px http://www.w3.org/TR/css3-background/#the-border-radius 344be3e376e814808318eebb489a61e4ca02409c `Nokia` To verify if one length value is negative in border-bottom-right-radius, then the corner is not rounded. border-color_transparent border-clip_border-box http://www.w3.org/TR/css3-background/#the-border-color b182b8e5eb3ada5357d1ba4a068c261abc3b1d40 `Dong An` Test transparent of border-color border-image-017 reference/ref-filled-green-100px-square border-image shorthand - with border-image-slice and border-image-width image http://www.w3.org/TR/css3-background/#the-border-image d989efaaaf69da114fdf8d622cda3827d7b6048b `Gérard Talbot` Percentage values for 'border-image-slice' are relative to the size of the image: the width of the image for the horizontal (left and right) offsets, the height for vertical (top and bottom) offsets. 'border-image-slice' specifies inward offsets from the top, right, bottom, and left edges (in that order) of the image. In this test, the image serving as 'border-image-source' is a 100px by 100px image which has 5px of green at the top, 10px of green on the right, 15px of green at the bottom and 20px of green at the left; the remaining center (which has a width of 70px and a height of 80px) is all red. border-image-018 reference/ref-filled-green-100px-square border-image shorthand - with border-image-slice and border-image-width image http://www.w3.org/TR/css3-background/#the-border-image c7c3fbd31a77382c5eb0c92e98d0a4d5d659c41f `Gérard Talbot` Number values for 'border-image-slice' are pixels in the image: the width of the image for the horizontal (left and right) offsets, the height for vertical (top and bottom) offsets. 'border-image-slice' specifies inward offsets from the top, right, bottom, and left edges (in that order) of the image. In this test, the image serving as 'border-image-source' is a 100px by 100px image which has 5px of green at the top, 10px of green on the right, 15px of green at the bottom and 20px of green at the left; the remaining center (which has a width of 70px and a height of 80px) is all red. border-image-019 reference/ref-filled-green-100px-square border-image shorthand - with border-image-slice and border-image-width image http://www.w3.org/TR/css3-background/#the-border-image f14d2ba410f3180d18a02ce4ec3a609d7a464e3d `Gérard Talbot` Percentage values for 'border-image-slice' are relative to the size of the image: the width of the image for the horizontal (left and right) offsets, the height for vertical (top and bottom) offsets. 'border-image-slice' specifies inward offsets from the top, right, bottom, and left edges (in that order) of the image. In this test, the image serving as 'border-image-source' is a 100px by 100px image which has 5px of green at the top, 10px of green on the right, 15px of green at the bottom and 20px of green at the left; the remaining center (which has a width of 70px and a height of 80px) is all red. border-image-020 reference/ref-filled-green-100px-square border-image shorthand - with border-image-slice and border-image-width image http://www.w3.org/TR/css3-background/#the-border-image 828c1564883a00ce51211ef56f279882c2abbde8 `Gérard Talbot` Number values for 'border-image-slice' are pixels in the image: the width of the image for the horizontal (left and right) offsets, the height for vertical (top and bottom) offsets. 'border-image-slice' specifies inward offsets from the top, right, bottom, and left edges (in that order) of the image. In this test, the image serving as 'border-image-source' is a 100px by 100px image which has 5px of green at the top, 10px of green on the right, 15px of green at the bottom and 20px of green at the left; the remaining center (which has a width of 70px and a height of 80px) is all red. border-image-1 CSS Border and Background: border-image #1 border-image-source http://www.w3.org/TR/css3-background/#the-border-image-source 71575a5b448b355bc28bdd0599f427cb5788d4ba `Jérémie Patonnier` Basic support for the border-image-source property border-image-10 CSS Border and Background: border-image #10 border-image-width http://www.w3.org/TR/css3-background/#the-border-image-width 4237552314d4813403c53852cfde256dbcb9ea5d `Jérémie Patonnier` Support for 4 values for the border-image-width property border-image-11 CSS Border and Background: border-image #11 border-image-outset http://www.w3.org/TR/css3-background/#the-border-image-source 57b636754cc4a239ff06d48957b2176e39dc4fc2 `Jérémie Patonnier` Basic support for the border-image-outset property border-image-12 CSS Border and Background: border-image #12 border-image-outset http://www.w3.org/TR/css3-background/#the-border-image-outset 56147c1b0f6e892f610dde87a5d919ddeb2e5f88 `Jérémie Patonnier` The border-image-outset property should not trigger scroll border-image-13 CSS Border and Background: border-image #13 border-image-repeat http://www.w3.org/TR/css3-background/#the-border-image-repeat e938a7340e75f8b1cf78305d7b31e75181216918 `Jérémie Patonnier` Test for the border-image-repeat property with the value repeat border-image-14 CSS Border and Background: border-image #14 border-image-repeat http://www.w3.org/TR/css3-background/#the-border-image-repeat 50d5a591aee06d12b477714631c498619e0bf90d `Jérémie Patonnier` Test for the border-image-repeat property with the value round border-image-15 CSS Border and Background: border-image #15 border-image-repeat http://www.w3.org/TR/css3-background/#the-border-image-repeat 552adfec63f233d99b178970cc3d32ef1ae15e51 `Jérémie Patonnier` Test for the border-image-repeat property with the value space border-image-16 CSS Border and Background: border-image #16 border-image-repeat http://www.w3.org/TR/css3-background/#the-border-image-repeat 9c177dde8aec5a87f7ab293aa66908d460c1f7b9 `Jérémie Patonnier` Test for the border-image-repeat property with the value stretch border-image-2 CSS Border and Background: border-image #2 border-image-slice http://www.w3.org/TR/css3-background/#border-image-slice 18c5824a6fd33d0935ec0c3b82b97e032a90fced `Jérémie Patonnier` Basic support for the border-image-slice property border-image-3 CSS Border and Background: border-image #3 border-image-slice http://www.w3.org/TR/css3-background/#border-image-slice 119405ffc59783fe6a3acbbc875bbf1e20f3562e `Jérémie Patonnier` Support for the fill keyword on the border-image-slice property border-image-4 CSS Border and Background: border-image #4 border-image-slice http://www.w3.org/TR/css3-background/#border-image-slice ff57dcbcf2c1e99a2c07907b3427fe271f805288 `Jérémie Patonnier` Support for percentage with the border-image-slice property border-image-5 support/reftest-border-image-5.png CSS Border and Background: border-image #5 border-image-slice http://www.w3.org/TR/css3-background/#border-image-slice 88a3bc6d5fbdb963e1f1f0835e7302bd911e4a40 `Jérémie Patonnier` Negative values for the the border-image-slice property should not be supported border-image-6 support/reftest-border-image-5.png CSS Border and Background: border-image #6 border-image-slice http://www.w3.org/TR/css3-background/#border-image-slice 6308daf2c1cb3b9108aa177fa953a2b9dc3abae7 `Jérémie Patonnier` The border-image-slice property default value is 100% border-image-7 CSS Border and Background: border-image #7 border-image-width http://www.w3.org/TR/css3-background/#the-border-image-width 8f587eaa81c4e0c0ae36225113e7bdc719711f31 `Jérémie Patonnier` Basic support for the border-image-width property border-image-8 CSS Border and Background: border-image #8 border-image-width http://www.w3.org/TR/css3-background/#the-border-image-width 7e0955a4bfafd44bb1c170eb86c34917915bfd0f `Jérémie Patonnier` Support for 2 values for the border-image-width property border-image-9 CSS Border and Background: border-image #9 border-image-width http://www.w3.org/TR/css3-background/#the-border-image-width 7ef2dd875bd0484f075e293aab5c777f447f1a5f `Jérémie Patonnier` Support for 3 values for the border-image-width property border-image-repeat-1 reference/border-image-repeat-1-ref CSS Border Image: border-image-repeat with SVG content https://www.w3.org/TR/css3-background/#background-repeat 1b5920bae03e03e5d9c32d7cc4906815b8172459 `Ethan Lin`,`Mozilla` The test checks the result of border-image-repeat with SVG content. border-image-repeat-round reference/border-image-repeat-round-ref 'border-image-repeat' set as 'round' http://www.w3.org/TR/css3-background/#border-images b836a0f6c592deacbb97c84c18d9c5ca865546f5 `Ren Jing` diamonds in corners should be red, and other diamonds should be orange, it should be 4 orange diamonds on each side. border-image-repeat-round-1 reference/border-image-repeat-round-1-ref CSS Border Image: border-image-repeat: round https://www.w3.org/TR/css3-background/#background-repeat ee9a288017f31021629162df55769a7731a486cd `Ethan Lin`,`Mozilla` The test checks whether border-image-repeat: 'round' uses the correct rounding formula. border-image-repeat-round-2 reference/border-image-repeat-round-2-ref CSS Border Image: border-image-repeat: round https://www.w3.org/TR/css3-background/#background-repeat b5c76aec86ed303b0957a5d5a3c96d4ea5d7f28d `Ethan Lin`,`Mozilla` The test checks whether border-image-repeat: 'round' uses the correct rounding formula. border-image-repeat-space-1 reference/border-image-repeat-space-1-ref CSS Border Image: border-image-repeat: space https://www.w3.org/TR/css3-background/#the-border-image-repeat 2839bcf87f134988bb452fc55f56cd3d2c6a48f6 `Ethan Lin`,`Mozilla` The test checks whether border-image-repeat: 'space' uses the correct formula when a single image fits. border-image-repeat-space-2 reference/border-image-repeat-space-2-ref CSS Border Image: border-image-repeat: space https://www.w3.org/TR/css3-background/#the-border-image-repeat b4d65d407febb46e7745050a33f529a1e0957ae5 `Ethan Lin`,`Mozilla` The test checks whether border-image-repeat: 'space' uses the correct formula when no images fit. border-image-repeat-space-3 reference/border-image-repeat-space-3-ref CSS Border Image: border-image-repeat: space https://www.w3.org/TR/css3-background/#the-border-image-repeat 9f36ab2000264a14b883e53b6ea69fe2c772d13e `Ethan Lin`,`Mozilla` The test checks whether border-image-repeat: 'space' uses the correct formula when multiple images fit. border-image-repeat-space-4 reference/border-image-repeat-space-4-ref-1,reference/border-image-repeat-space-4-ref-2 CSS Border Image: border-image-repeat: space https://www.w3.org/TR/css3-background/#the-border-image-repeat 0bcb2c86d36edf2d62ca03b16b2b4760f6de842d `Ethan Lin`,`Mozilla` The test checks whether border-image-repeat: 'space' uses the correct formula when a single image fits exactly. border-image-repeat-space-5 reference/border-image-repeat-space-5-ref-1,reference/border-image-repeat-space-5-ref-2 CSS Border Image: border-image-repeat: space https://www.w3.org/TR/css3-background/#the-border-image-repeat 7c5b76ef71aad81edd9694d031ca7363cd8fcd47 `Ethan Lin`,`Mozilla` The test checks whether border-image-repeat: 'space' uses the correct formula when multiple images fit exactly. border-image-repeat-space-6 reference/border-image-repeat-space-6-ref CSS Border Image: border-image-repeat: space https://www.w3.org/TR/css3-background/#the-border-image-repeat a9c8c181c3585ee3e52595ece7c32e29bab8a858 `Ethan Lin`,`Mozilla` The test checks whether border-image-repeat: 'space' with 'fill' uses the correct formula when a single image fits exactly. border-image-repeat-space-7 reference/border-image-repeat-space-7-ref CSS Border Image: border-image-repeat: space https://www.w3.org/TR/css3-background/#the-border-image-repeat 03ca743caaeee5db32400f6d47ac4c69d4dd43b6 `Ethan Lin`,`Mozilla` The test checks whether border-image-repeat: 'space' with 'fill' uses the correct formula when multiple image fit. border-image-repeat_repeatnegx_none_50px "border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px" on test div script http://www.w3.org/TR/css3-background/#the-border-image-repeat 4fed1431054d4305dd353331a51070a81ff31d1e `Intel` Check if 'border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px' work on div border-image-round-and-stretch reference/border-image-round-and-stretch-ref 'border-image' set as 'round' and 'stretch' http://www.w3.org/TR/css3-background/#border-images 61e31f23f23594e6601a05e99de02a239dae3971 `Ren Jing` orange diamonds on top and bottom border should be repeated 12 times, and orange diamonds on left and right border should be stretched, diamonds in corners should be red, and other diamonds should be orange. border-image-slice-001 reference/ref-filled-green-100px-square border-image-slice - image http://www.w3.org/TR/css3-background/#the-border-image-slice b463721abd4701b44efa23c1009ad57a3c98e720 `Gérard Talbot` Percentage values for 'border-image-slice' are relative to the size of the image: the width of the image for the horizontal (left and right) offsets, the height for vertical (top and bottom) offsets. 'border-image-slice' specifies inward offsets from the top, right, bottom, and left edges (in that order) of the image. In this test, the image serving as 'border-image-source' is a 100px by 100px image which has 5px of green at the top, 10px of green on the right, 15px of green at the bottom and 20px of green at the left; the remaining center (which has a width of 70px and a height of 80px) is all red. border-image-slice-002 reference/ref-filled-green-100px-square border-image-slice - image http://www.w3.org/TR/css3-background/#the-border-image-slice 10a8a2ab7a6c574322fa5198495bdda2c01f777c `Gérard Talbot` Number values for 'border-image-slice' are pixels in the image: the width of the image for the horizontal (left and right) offsets, the height for vertical (top and bottom) offsets. 'border-image-slice' specifies inward offsets from the top, right, bottom, and left edges (in that order) of the image. In this test, the image serving as 'border-image-source' is a 100px by 100px image which has 5px of green at the top, 10px of green on the right, 15px of green at the bottom and 20px of green at the left; the remaining center (which has a width of 70px and a height of 80px) is all red. border-image-slice-003 reference/ref-if-there-is-no-red border-image-slice - border-style: none image http://www.w3.org/TR/css3-background/#the-border-image-slice a5913c6b88348d0b12a209bd71ec2c103774b023 `Gérard Talbot` If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0 because the default border-image-width is 1 which means 1 time the computed border-width. So, we should see no red in this test. border-image-slice-005 The 'border-image-slice' property with four percentage values image http://www.w3.org/TR/css3-background/#the-border-image-slice c795fb86f3a99c061832e0c3f708bf7c8650a895 `Microsoft` This test checks that the border image is sliced into nine regions with inward offsets, '40%' from the top, '15%' from the right,'20%' from the bottom, and '5%' from the left edges of the image. Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets. border-image-slice-007 The 'border-image-slice' property with the 'fill' keyword image http://www.w3.org/TR/css3-background/#the-border-image-slice f425ef8e3feb8e574627efb81478a607bd715055 `Microsoft` This test checks that the 'fill' keyword, if present, causes the middle part of the border-image to be preserved. border-image-slice-percentage reference/border-image-slice-percentage-ref 'border-image-slice' set by percentage http://www.w3.org/TR/css3-background/#border-images 96c66681062840b53a027278203512f40dc13523 `Ren Jing` diamonds in corners should be red, and other diamonds should be orange, it should be 4 orange diamonds on each side. border-image-space-001 reference/border-image-space-001-ref Border Image: box with spaced repeating border image http://www.w3.org/TR/css3-background/#the-border-image-repeat 7f295d8a8471c3a6127a95f0cceb6be824571926 `Levi Weintraub` border-image-repeat: space property spaces out background image that doesn't fit an even number of times. border-image-width-005 reference/ref-filled-green-100px-square border image area - border-image-width image http://www.w3.org/TR/css3-background/#the-border-image-width 5e09537a24681f15459990bf00ad60c2cb7b6713 `Gérard Talbot` This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent. In this test, the border image fills the content area, the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element. border-image-width-006 reference/ref-filled-green-100px-square border image area - border-image-width image http://www.w3.org/TR/css3-background/#the-border-image-width 079e82586a071b22720d3de26f150ea9c7ab75cd `Gérard Talbot` This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the content area of an element is inexistent. In this test, the border image fills the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element. border-image-width-007 reference/ref-filled-green-100px-square border image area - border-image-width image http://www.w3.org/TR/css3-background/#the-border-image-width 002288a96fe9f7780df8d6c1df5de82a9ad9c6e2 `Gérard Talbot` This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the padding area (or padding belt) is inexistent and even if the content area is inexistent. In this test, the border image fills the margin area of the element. In this test, the whole border image area is outside the border box of the element. border-images border-images with round repeat image http://www.w3.org/TR/css3-background/#the-border-image 4d4052e1cc45e8c09db0459361452d1b5d5fd146 `babyliner` Testing border-image-repeat:round attribute border-radius-001 reference/border-radius-001-ref Borders. border http://www.w3.org/TR/css3-background/#the-border-radius d8148e7a37c3c751cbc2587e585986dee6d7f363 `Nokia` To verify when border-radius property, when set to zero, works as expected. border-radius-002 reference/border-radius-002-ref Borders. border http://www.w3.org/TR/css3-background/#the-border-radius 7c0b8214687ba4900afea468ce5212ec3882fdfe `Nokia` To verify border-radius property set with one length value, works as expected border-radius-003 reference/border-radius-003-ref Borders. border http://www.w3.org/TR/css3-background/#the-border-radius 16d73d16bcb7e844ccb05c02fbfdbcae40780c64 `Nokia` To verify border-radius property set with one length value along with a zero, works as expected border-radius-004 reference/border-radius-004-ref Borders. border http://www.w3.org/TR/css3-background/#the-border-radius f95871392d445fe5fbf760af6477e1860f24f604 `Nokia` To verify border-radius property set with value using slash, works as expected border-radius-005 reference/border-radius-005-ref Borders. border http://www.w3.org/TR/css3-background/#the-border-radius 7a56981aedb161f84ad8025084796f6d2893afec `Nokia` To verify border-radius property set with value using slash, works as expected border-radius-006 reference/border-radius-006-ref Borders. border http://www.w3.org/TR/css3-background/#the-border-radius 69c89c1f36760e14ff05291d6b970cd2008fa60a `Nokia` To verify border-radius property set with values using slash, works as expected border-radius-007 reference/border-radius-007-ref Borders. border http://www.w3.org/TR/css3-background/#the-border-radius 52603ca6aa3a828473572a1e7d979e3687f1877e `Nokia` To verify border-radius property set with values (in different units) using slash, works as expected border-radius-008 reference/border-radius-001-ref Borders. border http://www.w3.org/TR/css3-background/#the-border-radius 86b9228a7c9b3ba3dca11c2156a1d05ed3896970 `Nokia` To verify border-radius property set with excess values, works as expected border-radius-009 reference/border-radius-009-ref Borders. border http://www.w3.org/TR/css3-background/#the-border-radius bc6238d602e2b27c55e2490c832c0cc250976adc `Nokia` To verify inherit feature works, when it is assigned to border-radius border-radius-010 reference/border-radius-010-ref Borders. border http://www.w3.org/TR/css3-background/#the-border-radius 79f9633fad873c990ffb61fb1164620521700910 `Nokia` To verify inherit feature works, when it is assigned to border-radius border-radius-011 reference/border-radius-011-ref Borders. border http://www.w3.org/TR/css3-background/#the-border-radius dfff6e84db3ad2634d568f66f04f9b2ac07325e2 `Nokia` If border-radius is zero, all corners are square. border-radius-applies-to-001 'Border-radius' applied to element with 'display' set to inline http://www.w3.org/TR/css3-background/#border-radius ce6d8e9732dbe4b7aa9a12f381397d6dea93c147 `Microsoft` When 'border-radius' is applied to an element with 'displaye: inline' it produces rounded corners. border-radius-applies-to-002 'Border-radius' applied to element with a display of 'block'. http://www.w3.org/TR/css3-background/#border-radius acd24e62417c1c518fc0c59f24f9c568fe7c61ec `Microsoft` When 'border-radius' is applied to an element with 'displaye: block' it produces rounded corners. border-radius-applies-to-003 'Border-radius' applied to element with 'display' set to list-item. http://www.w3.org/TR/css3-background/#border-radius 9432e99c1423236d883240734aa4e963d65d4591 `Microsoft` When 'border-radius' is applied to an element with 'displaye: list-item' it produces rounded corners. border-radius-applies-to-004 'Border-radius' applied to element with 'display' set to run-in. http://www.w3.org/TR/css3-background/#border-radius ab307aae4c4b1f3b61addc7c9d8b6d32bc6cb333 `Microsoft` When 'border-radius' is applied to an element with 'displaye: run-in' it produces rounded corners. border-radius-applies-to-005 'Border-radius' applied to element with 'display' set to inline-block. http://www.w3.org/TR/css3-background/#border-radius f47b749e208c01e0ce081ee3018c815255e7e81e `Microsoft` When 'border-radius' is applied to an element with 'displaye: inline-block' it produces rounded corners. border-radius-applies-to-006 'Border-radius' applied to element with 'display' set to 'table'. http://www.w3.org/TR/css3-background/#border-radius 923de07a54c6fc40d47a1a8d8f2dcc8857d2b580 `Microsoft` When 'border-radius' is applied to an element with 'displaye: table' it produces rounded corners. border-radius-applies-to-007 'Border-radius' applied to element with 'display' set to 'table-caption'. http://www.w3.org/TR/css3-background/#border-radius e4c91275c5c94bdf12eb7925c93220b919e85a50 `Microsoft` When 'border-radius' is applied to an element with 'displaye: table-caption' it produces rounded corners. border-radius-applies-to-008 'Border-radius' applied to element with 'display' set to 'table-cell'. http://www.w3.org/TR/css3-background/#border-radius d7591e68091b48e8c0b7af1959032e18e2985447 `Microsoft` When 'border-radius' is applied to an element with 'displaye: table-cell' it produces rounded corners. border-radius-applies-to-009 'Border-radius' should be ignored when in element with 'display' set to 'table-row' when 'border-collapse: collapse'. http://www.w3.org/TR/css3-background/#border-radius c17fb5147040221b75f02f5075ed1788227eab32 `Microsoft` 'Border-radius' should be ignored when in element with 'display' set to 'table-row' when 'border-collapse: collapse'. border-radius-applies-to-010 'Border-radius' applied to element with a display of 'none'. http://www.w3.org/TR/css3-background/#border-radius ce20cf6e40fa6f1c7cda316177746879254f3cf9 `Microsoft` When 'border-radius' property is applied to elements with a display of 'none' then it continues to not have a layout. border-radius-applies-to-011 'Border-radius' applied to element with a display of 'inline-table'. http://www.w3.org/TR/css3-background/#border-radius 6b0827ab35f31d99a00ed48d05226ff461c7821a `Microsoft` When 'border-radius' is applied to an element with 'displaye: inline-table' it produces rounded corners. border-radius-applies-to-012 'Border-radius' should be ignored in element with 'display' set to 'table-column' when 'border-collapse: collapse'. http://www.w3.org/TR/css3-background/#border-radius 716cc1f9a0c7a3b1c402060695eeae7faf70bff4 `Microsoft` 'Border-radius' should not produce rounded corners when applied to an element with 'display' set to 'table-column' when 'border-collapse: collapse'. border-radius-applies-to-013 'Border-radius' should be ignored in element with 'display' set to 'table-row-group' when 'border-collapse: collapse'. http://www.w3.org/TR/css3-background/#border-radius 7697ae07c9cf7f6761d88e9619054227dd7e4154 `Microsoft` 'Border-radius' should not produce rounded corners when applied to an element with 'display' set to 'table-row-group' when 'border-collapse: collapse'. border-radius-applies-to-014 'Border-radius' should be ignored in element with 'display' set to 'table-header-group' when 'border-collapse: collapse'. http://www.w3.org/TR/css3-background/#border-radius 135b565045d6a07f1a9eb3008b2ea8697079637e `Microsoft` 'Border-radius' should not produce rounded corners when applied to an element with 'display' set to 'table-header-group' when 'border-collapse: collapse'. border-radius-applies-to-015 'Border-radius' should be ignored in element with 'display' set to 'table-footer-group' when 'border-collapse: collapse'. http://www.w3.org/TR/css3-background/#border-radius 740204b70171a0b37dfc04c588022b8a15354770 `Microsoft` 'Border-radius' should not produce rounded corners when applied to an element with 'display' set to 'table-footer-group' when 'border-collapse: collapse'. border-radius-applies-to-016 'Border-radius' should be ignored in element with 'display' set to 'table-column-group' when 'border-collapse: collapse'. http://www.w3.org/TR/css3-background/#border-radius 9092bbae663f3d48e400fc2197fb11c8ac1735e2 `Microsoft` 'Border-radius' should not produce rounded corners when applied to an element with 'display' set to 'table-column-group' when 'border-collapse: collapse'. border-radius-applies-to-017 'Border-radius' applied to element with 'display' set to 'inherit'. http://www.w3.org/TR/css3-background/#border-radius 86f472349ebedc10ad184c6b07f39f1fbfe4c281 `Microsoft` When 'border-radius' is applied to an element with 'displaye: inherit' it produces rounded corners. border-radius-clip-001 'Overflow' clips to the curve of the rounded corner. http://www.w3.org/TR/css3-background/#border-radius 7ad073cc1ef30b020eee2a3f4b2c9f405e2e132f `Microsoft` 'Overflow' clips to the curve of the rounded corner. border-radius-clip-002 Background is clipped to the curve of the content-box when 'background-clip: content-box' http://www.w3.org/TR/css3-background/#border-radius df0aa757b215b383d02dbca3327bf443a66d8332 `Microsoft` Background is clipped to the curve of the content-box when 'background-clip: content-box' border-radius-clipping reference/border-radius-clipping-ref Border radius clipping http://www.w3.org/TR/css3-background/#corner-clipping 1a08cbc68655329893e8207ec0abf1d695130e28 `zhouli` When set with 'overflow: hidden', outer container should clip background of an element insides at the corners. border-radius-content-edge-001 'Border-radius' set to 'img' http://www.w3.org/TR/css3-background/#border-radius 1b2b1aec43198953d509bf25f4fe36e974df9e96 `Microsoft` The content of replaced element 'img' is trimmed to the content edge curve of a rounded corner. border-radius-different-width-001 Adjoining borders with different thicknesses show a smooth transition between the thicker and the thinner borders. http://www.w3.org/TR/css3-background/#border-radius 6ab1dbd4f587a82df03409bc3fa183cfd750a684 `Microsoft` When 'border-radius' is applied to two adjoining sides with different thicknesses the border shows a smooth transition between the thicker and the thinner sides. border-radius-horizontal-value-is-zero reference/border-radius-horizontal-value-is-zero-ref border-radius property if horizontal value is zero http://www.w3.org/TR/css3-background/#the-border-radius 48af630ac77e2fb3d63bcc3f0238c7514b31bbb2 `Marc Silverman` If the horizontal radius length is zero, the corner is square, not rounded. border-radius-initial-value-001 Initial value of 'border-radius' is 0 http://www.w3.org/TR/css3-background/#border-radius b70216d5c2ae4dfe562d3a5c8edd2210153ed7b4 `Microsoft` Initial value of 'border-radius' is 0. border-radius-not-inherited-001 'Border-radius' is not inherited by default http://www.w3.org/TR/css3-background/#border-radius eb45d4478864422c50e2a68c5e329e75268b29d5 `Microsoft` 'Border-radius' is not inherited by default. border-radius-overflow-hidden Clipping to the border-radius curve http://www.w3.org/TR/css3-background/#corner-clipping 54392d8b6e4e71dbaf4b2873add63ff38d28c265 `Lea Verou` Effects that clip to the border or padding edge (such as 'overflow' other than 'visible') must clip to the curve border-radius-shorthand-001 'Border-radius' shorthand is used to set all four 'border-[*]-radius' properties. http://www.w3.org/TR/css3-background/#border-radius c10da19070dbaf8b93b34577df2a0b7187e58bc6 `Microsoft` 'Border-radius' shorthand sets all four 'border-[*]-radius' properties. border-radius-shorthand-002 reference/border-radius-shorthand-002-ref Borders Radius Shorthand. http://www.w3.org/TR/css3-background/#the-border-radius e8fd5443c468f039df7c9fd5fc5e0eef826ef420 `Arno` The shorthand border radius property can be used to specify all four eliptical corners of a box. border-radius-style-001 'Border-radius' is set with 'border-style: dotted' http://www.w3.org/TR/css3-background/#the-border-color b0f47b7c8b8fb99c43466d068216b2f5b043637e `Microsoft` 'Border-style: dotted' follows the curve of the border. border-radius-style-002 'Border-radius' is set with 'border-style: dashed' http://www.w3.org/TR/css3-background/#the-border-style 93fd139c58650a9b67ddac477b0370a3209c5c49 `Microsoft` 'Border-style: dashed' follows the curve of the border. border-radius-style-003 'Border-radius' is set with 'border-style: double' http://www.w3.org/TR/css3-background/#the-border-style c518dbdb422a407068f81a2b6f9592a24db4cdce `Microsoft` 'Border-style: double' follows the curve of the border. border-radius-style-004 'Border-radius' is set with 'border-style: solid' http://www.w3.org/TR/css3-background/#the-border-style 27e061a45485cd7d2e2de8152b5fc1e74212bca9 `Microsoft` 'Border-style: solid' follows the curve of the border. border-radius-style-005 'Border-radius' is set with 'border-style: none' http://www.w3.org/TR/css3-background/#the-border-style 1e8c6a8062bad9fb9e04a44b918b6d8aa82394db `Microsoft` 'Border-style: none' follows the curve of the border. border-radius-sum-of-radii-001 Different variations on the sum of border-radius for adjacent corners http://www.w3.org/TR/css3-background/#border-radius 076a918b6972a0a3c62715bf635456f1b1341365 `Microsoft` If the sum of any two adjacent corner radii exceeds the size of the border box, all the corner radii are reduced proportionally until none of them overlap. border-radius-sum-of-radii-002 Different variations on the value of 'f' http://www.w3.org/TR/css3-background/#border-radius c79edf3e2f5e9b03f96d06f7219420cad36365be `Microsoft` When the value of 'f' is less than 1, then all corner radii are reduced by multiplying them with 'f'. border-radius-with-three-values-001 'Border-radius' property with three values http://www.w3.org/TR/css3-background/#border-radius 15f8451ec007089d52b24d13ba5f878cf939ba65 `Microsoft` If bottom-left radius is omitted in the 'border-radius' property then the bottom-left radius is the same as the top-right radius. border-radius-with-two-values-001 'Border-radius' property with two values http://www.w3.org/TR/css3-background/#border-radius d297b92b921ff33e568d4ad3fa5c08f1c2c84c3e `Microsoft` If bottom-right radius is omitted in the 'border-radius' property then the bottom-right radius is the same as the top-left radius. border-top-left-radius-001 reference/border-radius-001-ref Borders. Border-top-left-radius using 0 value http://www.w3.org/TR/css3-background/#the-border-radius 388218ca130c65c4950f8ae1e1371f5938e8313d `Nokia` To verify if the border-top-left-radius property, when set with 0, works as expected. border-top-left-radius-002 Borders. Border-top-left-radius using one length value: 25px http://www.w3.org/TR/css3-background/#the-border-radius 8ada0c2852b84e414628a840c10ca3da46dd1ac2 `Nokia` To verify border-top-left-radius property set to one length value, works fine border-top-left-radius-003 border-top-left-radius-004 Borders. Border-top-left-radius using two length values: 40px 20px http://www.w3.org/TR/css3-background/#the-border-radius 902f7e26716d2f8583faf447cd70a299ba7972a8 `Nokia` To verify border-top-left-radius property set to two length values, works fine border-top-left-radius-004 border-top-left-radius-003 Borders. Border-top-left-radius using one percentage value: 20% http://www.w3.org/TR/css3-background/#the-border-radius e97bc4339b2eb6668f3b5ab051b9fe3cb5605dec `Nokia` To verify border-top-left-radius property set to one percentage value, works fine border-top-left-radius-005 border-top-left-radius-006 Borders. Border-top-left-radius using two percentage values: 20% 30% http://www.w3.org/TR/css3-background/#the-border-radius b5bcb7ce8ccd2c9abfb71cc3d7d15e1f20435aa6 `Nokia` To verify border-top-left-radius property set to two percentage values, works fine border-top-left-radius-006 border-top-left-radius-005 Borders. Border-top-left-radius using two values: 40px 30% http://www.w3.org/TR/css3-background/#the-border-radius f0cc11a65dd0f1b301cea32100316f4be859533f `Nokia` To verify border-top-left-radius property set to two values with different units, works fine border-top-left-radius-007 border-top-left-radius-009 Borders. Border-top-left-radius using two values: 20% 25px http://www.w3.org/TR/css3-background/#the-border-radius 3fc2dfcd9d51d0e854a0e9530b1e0ab7eae58ebc `Nokia` To verify border-top-left-radius property set to two values with different units, works fine border-top-left-radius-008 Borders. Border-top-left-radius using two values: 4em 30% http://www.w3.org/TR/css3-background/#the-border-radius 14b9d0ad8fa3e77b75c15f945e4fb5313e64f8b1 `Nokia` To verify border-top-left-radius property set to two values with different units, works fine border-top-left-radius-009 border-top-left-radius-007 Borders. Border-top-left-radius using "inherit" http://www.w3.org/TR/css3-background/#the-border-radius 40d1713299153626716b4fce2128dcef9fd0a310 `Nokia` To verify inherit feature works, when it is assigned to border-top-left-radius. border-top-left-radius-010 reference/border-radius-001-ref Borders. Border-top-left-radius using one length value: 25px 0 http://www.w3.org/TR/css3-background/#the-border-radius 6a226cafb9cc4338b7c038746aca4ae8fab7ab50 `Nokia` To verify if either length is 0, then the corner is not rounded. border-top-left-radius-011 reference/border-radius-001-ref Borders. Border-top-left-radius using one length value: 0 3em http://www.w3.org/TR/css3-background/#the-border-radius 9e27031a5a0597d529a0495106f60ec8c5c133c9 `Nokia` To verify if either length is 0, then the corner is not rounded. border-top-left-radius-012 Borders. Border-top-left-radius using two length values: 0.5in 10mm http://www.w3.org/TR/css3-background/#the-border-radius 3bdb49721738b681412cd8c855df8f2e304405ba `Nokia` To verify border-top-left-radius property set to two length values (with different units), works fine border-top-left-radius-013 Borders. Border-top-left-radius using two length values: 40pt 2pc http://www.w3.org/TR/css3-background/#the-border-radius 8436255454509ac389fa6ad5c1602de7e444eb0d `Nokia` To verify border-top-left-radius property set to two length values (with different units), works fine border-top-left-radius-014 reference/border-radius-001-ref Borders. Border-top-left-radius using two length values: 50px -25px http://www.w3.org/TR/css3-background/#the-border-radius 53a77ab68972c7d9271438dce5d9f65671ef6bdf `Nokia` To verify if one length value is negative in border-top-left-radius, then the corner is not rounded. border-top-left-radius-values-001 'Border-top-left-radius' with two values. http://www.w3.org/TR/css3-background/#border-top-left-radius d2784b4c3f2bd28259ae27f2f11bf3f052d8f2a4 `Microsoft` The first value of the 'border-top-left-radius' is the horizontal radius of the rounded corner and the second value is its vertical radius. border-top-left-radius-values-002 'Border-top-left-radius' with one value. http://www.w3.org/TR/css3-background/#border-top-left-radius 97a70b7bfbca1340726533f6b4fe23a7d85fcebc `Microsoft` 'Border-top-left-radius' with an omitted second value has the vertical radius of the rounded corner equal to its horizontal radius. border-top-left-radius-values-003 'Border-top-left-radius' with one value as 0. http://www.w3.org/TR/css3-background/#border-top-left-radius d8440c69bfbb9b8d46a565f59cda08d9bf95f94d `Microsoft` If either value of 'border-top-left-radius' is 0 then the corner is a square. border-top-left-radius-values-004 Percentage for the horizontal radius of 'border-top-left-radius' refers to the width of the border box. http://www.w3.org/TR/css3-background/#border-radius 0351f103862f5272a78dea0b5aa32e63e48a8e4f `Microsoft` Percentage for the horizontal radius of 'border-top-left-radius' refers to the width of the border box. border-top-right-radius-001 reference/border-radius-001-ref Borders. Border-top-right-radius using 0 value http://www.w3.org/TR/css3-background/#the-border-radius 7205d3c58f5bb6de9ee09b482863460791041a13 `Nokia` To verify if the border-top-right-radius property, when set with 0, works as expected border-top-right-radius-002 Borders. Border-top-right-radius using one length value: 25px http://www.w3.org/TR/css3-background/#the-border-radius 80b9091d3f836b93843fd1dfca58a716dab18650 `Nokia` To verify border-top-right-radius property set to one length value, works fine border-top-right-radius-003 border-top-right-radius-004 Borders. Border-top-right-radius using two length values: 40px 20px http://www.w3.org/TR/css3-background/#the-border-radius c22b15784d64914b84e09b541c139c2574f60dc8 `Nokia` To verify border-top-right-radius property set to two length values, works fine border-top-right-radius-004 border-top-right-radius-003 Borders. Border-top-right-radius using one percentage value: 20% http://www.w3.org/TR/css3-background/#the-border-radius 043171f86e1d3e8424673c8adb1e4d743b345f50 `Nokia` To verify border-top-right-radius property set to one percentage value, works fine border-top-right-radius-005 border-top-right-radius-006 Borders. Border-top-right-radius using two percentage values: 20% 30% http://www.w3.org/TR/css3-background/#the-border-radius b448da61080f46ce4015614baeb6d3ca916b4005 `Nokia` To verify border-top-right-radius property set to two percentage values, works fine border-top-right-radius-006 border-top-right-radius-005 Borders. Border-top-right-radius using two values: 40px 30% http://www.w3.org/TR/css3-background/#the-border-radius c23e95b9ec9a289aac719655b8a1705fae25906f `Nokia` To verify border-top-right-radius property set to two values with different units, works fine border-top-right-radius-007 border-top-right-radius-009 Borders. Border-top-right-radius using two values: 20% 25px http://www.w3.org/TR/css3-background/#the-border-radius 6e63e5812a649351e0ecd8de88d5b68a3dd6b3c8 `Nokia` To verify border-top-right-radius property set to two values with different units, works fine border-top-right-radius-008 Borders. Border-top-right-radius using two values: 4em 30% http://www.w3.org/TR/css3-background/#the-border-radius 918ad1905572ec0ca416324ad90377386d3388c3 `Nokia` To verify border-top-right-radius property set to two values with different units, works fine border-top-right-radius-009 border-top-right-radius-007 Borders. Border-top-right-radius using "inherit" http://www.w3.org/TR/css3-background/#the-border-radius a49e5f9a06676a76d46bc17fb1aee41d59eb24d0 `Nokia` To verify inherit feature works, when it is assigned to border-top-right-radius. border-top-right-radius-010 reference/border-radius-001-ref Borders. Border-top-right-radius using one length value: 25px 0 http://www.w3.org/TR/css3-background/#the-border-radius 1d480dd4d064b17b47d25cd0138447e29126114d `Nokia` To verify if either length is 0, then the corner is not rounded. border-top-right-radius-011 reference/border-radius-001-ref Borders. Border-top-right-radius using one length value: 0 3em http://www.w3.org/TR/css3-background/#the-border-radius 21480978779e14cdc788c33974798b14ab6677d5 `Nokia` To verify if either length is 0, then the corner is not rounded. border-top-right-radius-012 Borders. Border-top-right-radius using two length values: 0.5in 10mm http://www.w3.org/TR/css3-background/#the-border-radius 8861530454e1446a24d767bf089f70e2d34f6d58 `Nokia` To verify border-top-right-radius property sets to two length values (with different units), works fine border-top-right-radius-013 Borders. Border-top-right-radius using two length values: 40pt 2pc http://www.w3.org/TR/css3-background/#the-border-radius 4e96a015efe2d3dab1610138ffb8d37559a3f278 `Nokia` To verify border-top-right-radius property sets to two length values (with different units), works fine border-top-right-radius-014 reference/border-radius-001-ref Borders. Border-top-right-radius using two length values: 50px -25px http://www.w3.org/TR/css3-background/#the-border-radius 2021efc2f87bd57b17b46cb6182990f0beccbf11 `Nokia` To verify if one length value is negative for border-top-right-radius, then the element is not rounded. border-top-right-radius-values-004 Percentage for the vertical radius of 'border-top-right-radius' refers to the height of the border box. http://www.w3.org/TR/css3-background/#border-radius b0b8efe5ffbb9afb0e6430321784891fd69d1da3 `Microsoft` Percentage for the vertical radius of 'border-top-right-radius' refers to the height of the border box. box-shadow-001 Positive value of horizontal offset internal http://www.w3.org/TR/css3-background/#the-box-shadow 1c8548de168515500a4953975a935d49352c76d8 `Microsoft` A positive value for the horizontal offset of the 'box-shadow' draws a shadow that is offset to the right of the box. box-shadow-002 Positive values for spread distance http://www.w3.org/TR/css3-background/#the-box-shadow 51e9728d7bb6c05d90f699ee55f11a6aac8c0dc8 `Microsoft` Positive values of the spread distance cause the shadow to grow in all directions by the specified distance. box-shadow-003 Layering of box shadows http://www.w3.org/TR/css3-background/#the-background-size 2e612545b32f7aa9da6ba0fcc4a230f5229ea0c8 `Microsoft` Shadow effects are applied front to back, where the first shadow is on the top and the last shadow is on the bottom. box-shadow-004 Negative value for blur radius http://www.w3.org/TR/css3-background/#the-box-shadow ab393af60215943f4f47e4a7455d41fe6fb2de5e `Microsoft` Negative values for the blur radius of the 'box-shadow' are not allowed. box-shadow-005 reference/box-shadow-005-ref Box-Shadow property http://www.w3.org/TR/css3-background/#the-box-shadow 6f76f6e7f61c8282c602e59357cfc104033595ce `Marc Silverman` Testing simple drop shadow with the box-shadow property box-shadow-blur-definition-001 blur computation for box-shadow http://www.w3.org/TR/css3-background/#the-box-shadow 6cc15aa133e00917e4c8c89dc9836057edfdf693 `L. David Baron`,`Mozilla Corporation` the resulting shadow must approximate (with each pixel being within 5% of its expected value) the image that would be generated by applying to the shadow a Gaussian blur with a standard deviation equal to half the blur radius box-shadow-inset-spread-without-border-radius reference/box-shadow-inset-spread-without-border-radius box-shadow http://www.w3.org/TR/css3-background/#the-box-shadow f9daf687adc6dd3741682f4b1af08ca29adb97d2 `Zhang Xiaochong` inset spread box-shadow should show shadow. box-shadow-inset-without-border-radius reference/box-shadow-inset-without-border-radius box-shadow http://www.w3.org/TR/css3-background/#the-box-shadow de22652b0e7c4a3bc482f6968be7081c378247f8 `Zhang Xiaochong` inset box-shadow should show shadow. box-shadow-outset-spread-without-border-radius reference/box-shadow-outset-spread-without-border-radius box-shadow http://www.w3.org/TR/css3-background/#the-box-shadow 58ab18a345d6bbdc4b80849e1b92d15fb8015904 `Zhang Xiaochong` outset spread box-shadow should show shadow. box-shadow-outset-without-border-radius reference/box-shadow-outset-without-border-radius box-shadow http://www.w3.org/TR/css3-background/#the-box-shadow b1f52411881fa34bdc4a4e100f2d9792478bb8a6 `Zhang Xiaochong` box-shadow should show shadow. box-shadow-syntax-001 reference/box-shadow-syntax-001 Box Shadow Syntax: Reordering Components http://www.w3.org/TR/css3-background/#the-box-shadow 82dcaf39877537fdc181cf7f631a37475bd0a4c4 `Elika J. Etemad` Box shadow color, inset, and length parameters can be mixed in any order, but lengths must stay adjacent. clip-border-box background-clip:border-box image http://www.w3.org/TR/css3-background/#the-background-clip 50216d41dcad3d49c1105daad31396a8b3c4da57 `finscn` border-box : The background is painted within (clipped to) the border box. clip-border-box_with_position background-clip:border-box & background-position image http://www.w3.org/TR/css3-background/#the-background-clip e049df94086cec580784885f42eb738f882e3825 `finscn` border-box : The background is painted within (clipped to) the border box. clip-border-box_with_radius background-clip:border-box & border-radius image http://www.w3.org/TR/css3-background/#the-background-clip 2592d067d78f9329beb7bcbf2f772c358c32b84f `finscn` border-box : The background is painted within (clipped to) the border box. clip-border-box_with_size background-clip:border-box & background-size image http://www.w3.org/TR/css3-background/#the-background-clip a6aa6b690cc72a6fa950b19799e920f62e8c834b `finscn` border-box : The background is painted within (clipped to) the border box. clip-content-box background-clip:content-box image http://www.w3.org/TR/css3-background/#the-background-clip 6a642dc6a776a4d0e98ccfff133f6a76c4d03de9 `finscn` content-box : The background is painted within (clipped to) the content box. clip-content-box_with_position background-clip:content-box & background-position image http://www.w3.org/TR/css3-background/#the-background-clip 42adeea0b94ccdd5331d573ad6ab471e4b698d3f `finscn` content-box : The background is painted within (clipped to) the content box. clip-content-box_with_radius background-clip:content-box & border-radius image http://www.w3.org/TR/css3-background/#the-background-clip 3c4b3fd879f34cd20326c883b95f433451f06c95 `finscn` content-box : The background is painted within (clipped to) the content box. clip-content-box_with_size background-clip:content-box & background-size image http://www.w3.org/TR/css3-background/#the-background-clip ca2bb1c1506939923f71ee72e9b108f4473ac155 `finscn` content-box : The background is painted within (clipped to) the content box. clip-padding-box background-clip:padding-box image http://www.w3.org/TR/css3-background/#the-background-clip 3ec746ff8bb92d592cb54de7fd4df3b88b2f1ce7 `finscn` padding-box : The background is painted within (clipped to) the padding box clip-padding-box_with_position background-clip:padding-box & background-position image http://www.w3.org/TR/css3-background/#the-background-clip 96543da4c4629e02f48bdf52e9d9e007ca35c197 `finscn` padding-box : The background is painted within (clipped to) the padding box clip-padding-box_with_radius background-clip:padding-box & border-radius image http://www.w3.org/TR/css3-background/#the-background-clip eb3daeeec54a471c1942428bfe3b628a4ab0632c `finscn` padding-box : The background is painted within (clipped to) the padding box clip-padding-box_with_size background-clip:padding-box & background-size image http://www.w3.org/TR/css3-background/#the-background-clip 82c1aa6727f062d173159193cfd9f48f98d7c105 `finscn` padding-box : The background is painted within (clipped to) the padding box color-behind-images Background color is drawn behind images http://www.w3.org/TR/css3-background/#the-background-color f0a536f5c70d50863079b17059b4bb1b94316f2f `Microsoft` Background color is drawn behind any number of background images. css-border-radius-001 reference/css-border-radius-ref-001 CSS border-radius Test http://www.w3.org/TR/css3-background/#the-border-radius d028c67ed2dc8acc8b5b173d61a0ec37afd93876 `tmd` css-border-radius-002 reference/css-border-radius-ref-002 CSS border-radius Test http://www.w3.org/TR/css3-background/#the-border-radius f9fa09eb62c25f262d3e33fbd9574c5eb8cf2b52 `tmd` if there is more then one graph and one color css-box-shadow-001 reference/css-box-shadow-ref-001 CSS box-shadow Test http://www.w3.org/TR/css3-background/#the-box-shadow,http://www.w3.org/TR/css3-background/#the-border-radius 5b797441df20c4cc70e3073544e2df1026946b69 `tmd` css3-background-clip reference/css3-background-clip-ref the background is pruned to content box http://www.w3.org/TR/css3-background/#the-border-width 208505183e608ec8a26ac0e17edec87d07d9a1f6 `Xie Bing` css3-background-clip-border-box reference/css3-background-clip-border-box-ref background clip property with value border-box http://www.w3.org/TR/css3-background/#the-background-clip 33a4dea617e56e38d7098558295781e8fa0d55b0 `yanshasha` css3-background-clip-content-box reference/css3-background-clip-content-box-ref background clip property with value content-box http://www.w3.org/TR/css3-background/#the-background-clip c61a66f8fe05ce4690fd854d1f217a805965ca70 `yanshasha` css3-background-clip-padding-box reference/css3-background-clip-padding-box-ref background clip property with value padding-box http://www.w3.org/TR/css3-background/#the-background-clip 0cc6dd3ddb86aba4d9444fb8135e9021fd67fcc3 `yanshasha` css3-background-origin-border-box reference/css3-background-origin-border-box-ref background origin property with value border-box http://www.w3.org/TR/css3-background/#the-background-origin 90ace93714cde75aebe04a569b51b4121192d058 `yanshasha` css3-background-origin-content-box reference/css3-background-origin-content-box-ref background origin property with value content-box http://www.w3.org/TR/css3-background/#the-background-origin 2b172906c3305648b026630405bb3447a6155996 `yanshasha` css3-background-origin-padding-box reference/css3-background-origin-content-box-ref background origin property with value content-box http://www.w3.org/TR/css3-background/#the-background-origin b5ea962e3165e8e66f5063a3a99cd7b23f7962d9 `yanshasha` css3-background-size reference/css3-background-size-ref the size of the background image http://www.w3.org/TR/css3-background/#the-border-width 1fed19ba866fa725ca8c985e44af1cf9d7e0d78f `Xie Bing` css3-background-size-001 reference/css3-background-size-ref background size property http://www.w3.org/TR/css3-background/#the-background-size d8dd74992b8cec94b69797867282771d6b1bb174 `yanshasha` css3-background-size-contain reference/css3-background-size-contain-ref CSS3 background-size:contain http://www.w3.org/TR/css3-background/#the-background-size 04e66910f2bdbf09fac3393b90a9904b5ce55d1d `Yue Hu` css3-border-image-repeat-repeat reference/css3-border-image-repeat-repeat-ref border image repeat property with value repeat http://www.w3.org/TR/css3-background/#border-image-repeat 1926acb45d7b57815f208e5ad1f737413f6d5445 `yanshasha` css3-border-image-repeat-stretch reference/css3-border-image-repeat-stretch-ref border image repeat property with value stretch http://www.w3.org/TR/css3-background/#border-image-repeat 7897f4748321408de8c709d8f2d910164c9dbcc6 `yanshasha` css3-border-image-source reference/css3-border-image-source-ref border image source property http://www.w3.org/TR/css3-background/#border-image-source 0e660ada36dca9671a69ec0b0c76ecc482e1a7fb `yanshasha` css3-box-shadow reference/css3-box-shadow-ref the test passes if adding one or more shadow to the box http://www.w3.org/TR/css3-background/#the-border-width 52a7d2ddf5688829b45469834d42c5d0cac778a6 `Xie Bing` diagonal-percentage-vector-background reference/diagonal-percentage-vector-background-ref scaled vector image without intrinsic dimensions as background, with rendering dependent on the diagonal svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 181f4bf8b33ab85eaf3937a2f0f212eb5437fab3 `Jeff Walden` none-as-image-layer None counts as an image layer http://www.w3.org/TR/css3-background/#the-background-image 3c26f26e7017ddf4e3e5ec05eed3e1eb5eb4ab42 `Microsoft` 'Background-image: none' counts as an image layer but draws nothing. order-of-images Order of images http://www.w3.org/TR/css3-background/#the-background-image 4492b601c1313612451da01db8faa8d04828f558 `Microsoft` Background images are listed in order, with the first image being rendered on top of all the other images, and so on. origin-border-box background-origin:border-box image http://www.w3.org/TR/css3-background/#the-background-origin 5fda30d139c309bf775ab1a3b8ff714efb730792 `finscn` border-box : The position is relative to the border box. origin-border-box_with_position background-origin:border-box & background-position image http://www.w3.org/TR/css3-background/#the-background-origin b72d87c6f00a93aa7293090c00d227fdeef0503c `finscn` border-box : The position is relative to the border box. origin-border-box_with_radius background-origin:border-box & border-radius image http://www.w3.org/TR/css3-background/#the-background-origin 2e9c80e51406ca8b02e9b0e7b0a02c03a009e6e2 `finscn` border-box : The position is relative to the border box. origin-border-box_with_size background-origin:border-box & background-size image http://www.w3.org/TR/css3-background/#the-background-origin 38ca11e8171d0a57ffc3c664e2f5afcf23835426 `finscn` border-box : The position is relative to the border box. origin-content-box background-origin:content-box image http://www.w3.org/TR/css3-background/#the-background-origin 7d29bd25aaad1502fb6807aba037192bc2754056 `finscn` content-box : The position is relative to the content box. origin-content-box_with_position background-origin:content-box & background-position image http://www.w3.org/TR/css3-background/#the-background-origin 178e4a73fda2d53fbb3192cbd4267b4ed805e97f `finscn` content-box : The position is relative to the content box. origin-content-box_with_radius background-origin:content-box & border-radius image http://www.w3.org/TR/css3-background/#the-background-origin a9ca4126bb9878aae1811d708d34c8887b1702a4 `finscn` content-box : The position is relative to the content box. origin-content-box_with_size background-origin:content-box & background-size image http://www.w3.org/TR/css3-background/#the-background-origin aa33f09d00fb8df2ac2a875f0ee728fe6fd3ca0c `finscn` content-box : The position is relative to the content box. origin-padding-box background-origin:padding-box image http://www.w3.org/TR/css3-background/#the-background-origin 20a52005fc2dc32d39bc2ccdfc79c68cb8615d42 `finscn` padding-box : The position is relative to the padding box. (For single boxes ‘0 0’ is the upper left corner of the padding edge, ‘100% 100%’ is the lower right corner.) origin-padding-box_with_position background-origin:padding-box & background-position image http://www.w3.org/TR/css3-background/#the-background-origin 865d77bd1b464e6e58da772d224b90482797922e `finscn` padding-box : The position is relative to the padding box. (For single boxes ‘0 0’ is the upper left corner of the padding edge, ‘100% 100%’ is the lower right corner.) origin-padding-box_with_radius background-origin:padding-box & border-radius image http://www.w3.org/TR/css3-background/#the-background-origin 864073ccb7138a41c8652681b0abca600b807c43 `finscn` padding-box : The position is relative to the padding box. (For single boxes ‘0 0’ is the upper left corner of the padding edge, ‘100% 100%’ is the lower right corner.) origin-padding-box_with_size background-origin:padding-box & background-size image http://www.w3.org/TR/css3-background/#the-background-origin 1fbd1c663f90f80b14c793070b252c3e15aa98c8 `finscn` padding-box : The position is relative to the padding box. (For single boxes ‘0 0’ is the upper left corner of the padding edge, ‘100% 100%’ is the lower right corner.) scroll-positioned-multiple-background-images reference/60x60-green-background Scroll multiple background images that are positioned dom,image,scroll http://www.w3.org/TR/css3-background/#layering 9963b10722dbb38a5271823e94832f5ff151116a `Google` When multiple background images are positioned at (0px, 0px) and (0, 60px) of each 60px by 60px in a scrollable element, and the element is scrolled to (0, 60px), only the second image is shown. tall--auto--omitted-width-percent-height reference/ref-tall-lime256x384-aqua256x384 background-size: auto; for omitted-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute a0c47bfba37e864fb6625803f8e97c162770f44e `Jeff Walden` tall--auto--percent-width-nonpercent-height reference/ref-tall-lime256x16-aqua256x16 background-size: auto; for percent-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute bee2c21a8c71a45b28e041206ec72a8a58200a25 `Jeff Walden` tall--auto--percent-width-nonpercent-height-viewbox reference/ref-tall-lime2x16-aqua2x16 background-size: auto; for percent-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 505a04f3f945ecea7702a27b173e7334f26a72c2 `Jeff Walden` tall--auto--percent-width-omitted-height reference/ref-tall-lime256x384-aqua256x384 background-size: auto; for percent-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute c534ce3adfdb336e6f0a48b7840ddf83987b61ce `Jeff Walden` tall--auto--percent-width-omitted-height-viewbox reference/ref-tall-lime48x384-aqua48x384 background-size: auto; for percent-width-omitted-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 916a053ad86e8ed825f13aa17a6341a6374eb322 `Jeff Walden` tall--auto--percent-width-percent-height reference/ref-tall-lime256x384-aqua256x384 background-size: auto; for percent-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute cb6f07d4261b4844aa6b2b0680efd486c608518a `Jeff Walden` tall--auto--percent-width-percent-height-viewbox reference/ref-tall-lime48x384-aqua48x384 background-size: auto; for percent-width-percent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 9537db1667c41c32bc4e10903921318f46be4fb4 `Jeff Walden` tall--auto-32px--nonpercent-width-nonpercent-height reference/ref-tall-lime8x16-aqua8x16 background-size: auto 32px; for nonpercent-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 4cf5b303a27025cf48036f699cf77ab1371c017f `Jeff Walden` tall--auto-32px--nonpercent-width-nonpercent-height-viewbox reference/ref-tall-lime8x16-aqua8x16 background-size: auto 32px; for nonpercent-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute c1a1c3bff3af3b87c4df4fceccebb06a76abb287 `Jeff Walden` tall--auto-32px--nonpercent-width-omitted-height reference/ref-tall-lime8x16-aqua8x16 background-size: auto 32px; for nonpercent-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 1ac073f8ae4c38964e4e19d5e360b8b2902ba3a5 `Jeff Walden` tall--auto-32px--nonpercent-width-omitted-height-viewbox reference/ref-tall-lime2x16-aqua2x16 background-size: auto 32px; for nonpercent-width-omitted-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 9f8bbe1f505d8e801a0a3ca1cfd3ffdd7fedd0c8 `Jeff Walden` tall--auto-32px--nonpercent-width-percent-height reference/ref-tall-lime8x16-aqua8x16 background-size: auto 32px; for nonpercent-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute c31ea239c143bfdf45693f677e7d89cfdb989f7e `Jeff Walden` tall--auto-32px--nonpercent-width-percent-height-viewbox reference/ref-tall-lime2x16-aqua2x16 background-size: auto 32px; for nonpercent-width-percent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 0fc469d98f95becc97dad422bad3f80dd7e34492 `Jeff Walden` tall--auto-32px--omitted-width-nonpercent-height reference/ref-tall-lime256x16-aqua256x16 background-size: auto 32px; for omitted-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 57fb6fc4e91b3d67e1120a19e8e63eb1a4768b4f `Jeff Walden` tall--auto-32px--omitted-width-nonpercent-height-viewbox reference/ref-tall-lime2x16-aqua2x16 background-size: auto 32px; for omitted-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute fbce07eab9e72c1ffae3aa281718c9653b9ac859 `Jeff Walden` tall--auto-32px--omitted-width-omitted-height reference/ref-tall-lime256x16-aqua256x16 background-size: auto 32px; for omitted-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 275e71a24b986bb64359ab988151f7d7cfa02505 `Jeff Walden` tall--auto-32px--omitted-width-omitted-height-viewbox reference/ref-tall-lime2x16-aqua2x16 background-size: auto 32px; for omitted-width-omitted-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 644df1415acc4dd997c0dc94dba605ed5c806b84 `Jeff Walden` tall--auto-32px--omitted-width-percent-height reference/ref-tall-lime256x16-aqua256x16 background-size: auto 32px; for omitted-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 25d8182ca9a0bd275045104bf089a43d6a7d0a54 `Jeff Walden` tall--auto-32px--omitted-width-percent-height-viewbox reference/ref-tall-lime2x16-aqua2x16 background-size: auto 32px; for omitted-width-percent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 52194f664b404e9bc6e6d8250caffad82a6ba3ea `Jeff Walden` tall--auto-32px--percent-width-nonpercent-height reference/ref-tall-lime256x16-aqua256x16 background-size: auto 32px; for percent-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 4fdd2330ee6b3d73521fb6c8e6cc1f8c2bb43c5e `Jeff Walden` tall--auto-32px--percent-width-nonpercent-height-viewbox reference/ref-tall-lime2x16-aqua2x16 background-size: auto 32px; for percent-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 38f6dce195c5b49b8399446fa442aa2dcfc57dd8 `Jeff Walden` tall--auto-32px--percent-width-omitted-height reference/ref-tall-lime256x16-aqua256x16 background-size: auto 32px; for percent-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 561226234d8e212a8444c0b2ad81e3c2f6311675 `Jeff Walden` tall--auto-32px--percent-width-omitted-height-viewbox reference/ref-tall-lime2x16-aqua2x16 background-size: auto 32px; for percent-width-omitted-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 1d4439458af274326dc0ecd875b61e713a0436f0 `Jeff Walden` tall--auto-32px--percent-width-percent-height reference/ref-tall-lime256x16-aqua256x16 background-size: auto 32px; for percent-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 78a00220c64e69bf50676b2934312fc3de800357 `Jeff Walden` tall--auto-32px--percent-width-percent-height-viewbox reference/ref-tall-lime2x16-aqua2x16 background-size: auto 32px; for percent-width-percent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute bc77820dade3f6e3a8f1dc768d5937fb8f379aa7 `Jeff Walden` tall--contain--height reference/ref-tall-empty background-size: contain; for nonpercent-width-omitted-height-extreme-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 716b127b49827b71bd07a6fc53b1a073b18e94fc `Jeff Walden` tall--contain--nonpercent-width-nonpercent-height reference/ref-tall-lime192x384-aqua192x384 background-size: contain; for nonpercent-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute d94258e97028dcec870355fbf29324661129d687 `Jeff Walden` tall--contain--nonpercent-width-nonpercent-height-viewbox reference/ref-tall-lime192x384-aqua192x384 background-size: contain; for nonpercent-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 96c7a95861fcf3bad795e041cb7fde437e84eabd `Jeff Walden` tall--contain--nonpercent-width-omitted-height reference/ref-tall-lime256x384-aqua256x384 background-size: contain; for nonpercent-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 5b3e598e7f5115075e9225fd8637c314882a3dc0 `Jeff Walden` tall--contain--nonpercent-width-omitted-height-viewbox reference/ref-tall-lime48x384-aqua48x384 background-size: contain; for nonpercent-width-omitted-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 9dd4140f63d164965f3476452cbcbce3b49dcc74 `Jeff Walden` tall--contain--nonpercent-width-percent-height reference/ref-tall-lime256x384-aqua256x384 background-size: contain; for nonpercent-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 049c07cc12155747e0ee82cf6703faf61f72200e `Jeff Walden` tall--contain--nonpercent-width-percent-height-viewbox reference/ref-tall-lime48x384-aqua48x384 background-size: contain; for nonpercent-width-percent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 3e1c3a3e0849112d45bd1d7b04976dbf80066f48 `Jeff Walden` tall--contain--omitted-width-nonpercent-height reference/ref-tall-lime256x384-aqua256x384 background-size: contain; for omitted-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 02b080fd994eb09d6b68fa58f285cfc85d61b6c8 `Jeff Walden` tall--contain--omitted-width-nonpercent-height-viewbox reference/ref-tall-lime48x384-aqua48x384 background-size: contain; for omitted-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 6db49bb6c16a19e17a0d677d47e6ed708f9062a0 `Jeff Walden` tall--contain--omitted-width-omitted-height reference/ref-tall-lime256x384-aqua256x384 background-size: contain; for omitted-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 5aa72fe4401541c180327df3a17e8d638b0d1bf7 `Jeff Walden` tall--contain--omitted-width-omitted-height-viewbox reference/ref-tall-lime48x384-aqua48x384 background-size: contain; for omitted-width-omitted-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 5d2b4eb09797aa8fc47e1fdf64c527ffe2b65b0f `Jeff Walden` tall--contain--omitted-width-percent-height reference/ref-tall-lime256x384-aqua256x384 background-size: contain; for omitted-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 664324310a577682e8751be2fea17060efd99600 `Jeff Walden` tall--contain--omitted-width-percent-height-viewbox reference/ref-tall-lime48x384-aqua48x384 background-size: contain; for omitted-width-percent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 79ddc276ec89b3a1748832cd913b20452bd0bb97 `Jeff Walden` tall--contain--percent-width-nonpercent-height reference/ref-tall-lime256x384-aqua256x384 background-size: contain; for percent-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute a4e7a9f78310c236212aca11e2ec7c82a086eaae `Jeff Walden` tall--contain--percent-width-nonpercent-height-viewbox reference/ref-tall-lime48x384-aqua48x384 background-size: contain; for percent-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 9d9bacb1e28d64bc966823ec535e5e5bd898e7b6 `Jeff Walden` tall--contain--percent-width-omitted-height reference/ref-tall-lime256x384-aqua256x384 background-size: contain; for percent-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute acbeb82431d6e1da92528388bf0f1d70a6e33f56 `Jeff Walden` tall--contain--percent-width-omitted-height-viewbox reference/ref-tall-lime48x384-aqua48x384 background-size: contain; for percent-width-omitted-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 6825ab188905595e2ee899c46a95907a970ff865 `Jeff Walden` tall--contain--percent-width-percent-height reference/ref-tall-lime256x384-aqua256x384 background-size: contain; for percent-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 6f4f983d6b26b6ee384df73271cf0e0904f25154 `Jeff Walden` tall--contain--percent-width-percent-height-viewbox reference/ref-tall-lime48x384-aqua48x384 background-size: contain; for percent-width-percent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 1e6dc096ebddffbc1f0fb64cd70b337e00bdce38 `Jeff Walden` tall--contain--width reference/ref-tall-empty background-size: contain; for omitted-width-nonpercent-height-extreme-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 156183beb74b04156ecd70e6bc64fcf1894332b6 `Jeff Walden` tall--cover--height reference/ref-tall-lime background-size: cover; for nonpercent-width-omitted-height-extreme-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 0ed7bed05dd8b07d42182cbae37d8f6c3edcf3c5 `Jeff Walden` tall--cover--nonpercent-width-nonpercent-height reference/ref-tall-lime256x512-aqua256x256 background-size: cover; for nonpercent-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute e36a82631ba8b7bc70097abf4c38868989053ea3 `Jeff Walden` tall--cover--nonpercent-width-nonpercent-height-viewbox reference/ref-tall-lime256x512-aqua256x256 background-size: cover; for nonpercent-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 935cbb0314e41c8e1ace0665f57485ff95501cad `Jeff Walden` tall--cover--nonpercent-width-omitted-height reference/ref-tall-lime256x384-aqua256x384 background-size: cover; for nonpercent-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute eaa4a0dfbcdefa451b19164f37404f101899cd9f `Jeff Walden` tall--cover--nonpercent-width-omitted-height-viewbox reference/ref-tall-lime256x768 background-size: cover; for nonpercent-width-omitted-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute f5b73d333f4e609cfe973e163e4f1d7fcf5eb3e6 `Jeff Walden` tall--cover--nonpercent-width-percent-height reference/ref-tall-lime256x384-aqua256x384 background-size: cover; for nonpercent-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute a44b7f20b9034c2f2b030249c416693a77aa38ba `Jeff Walden` tall--cover--nonpercent-width-percent-height-viewbox reference/ref-tall-lime256x768 background-size: cover; for nonpercent-width-percent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 1875e51e7620630dbc82848319116620036cd616 `Jeff Walden` tall--cover--omitted-width-nonpercent-height reference/ref-tall-lime256x384-aqua256x384 background-size: cover; for omitted-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute fc0842c414ddfdf061fd13047e935ef206e26f38 `Jeff Walden` tall--cover--omitted-width-nonpercent-height-viewbox reference/ref-tall-lime256x768 background-size: cover; for omitted-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute c479a98cd169ae5210d69329a4ec2fb437b3528a `Jeff Walden` tall--cover--omitted-width-omitted-height reference/ref-tall-lime256x384-aqua256x384 background-size: cover; for omitted-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 1953f85c7696d1fb86f7b6c659c69f59692f7c4e `Jeff Walden` tall--cover--omitted-width-omitted-height-viewbox reference/ref-tall-lime256x768 background-size: cover; for omitted-width-omitted-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 90f890c05cbf23c5e1c4614b6adfaa3cdcce7650 `Jeff Walden` tall--cover--omitted-width-percent-height reference/ref-tall-lime256x384-aqua256x384 background-size: cover; for omitted-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute b0ffa7e4bb2249e9ec2e0c74193dce75e8f2a0aa `Jeff Walden` tall--cover--omitted-width-percent-height-viewbox reference/ref-tall-lime256x768 background-size: cover; for omitted-width-percent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 6577478a9cd682597ca9aee9630dcfd0922e26c0 `Jeff Walden` tall--cover--percent-width-nonpercent-height reference/ref-tall-lime256x384-aqua256x384 background-size: cover; for percent-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 354f37393f35abd76fc5ee2ffcec0bd136b953b4 `Jeff Walden` tall--cover--percent-width-nonpercent-height-viewbox reference/ref-tall-lime256x768 background-size: cover; for percent-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 67c685c83d238a97380f37b671668664a1b8809c `Jeff Walden` tall--cover--percent-width-omitted-height reference/ref-tall-lime256x384-aqua256x384 background-size: cover; for percent-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 7e12debb3ee8ac60574f89abe22ce63f59cfa25f `Jeff Walden` tall--cover--percent-width-omitted-height-viewbox reference/ref-tall-lime256x768 background-size: cover; for percent-width-omitted-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute f0cafb7b9526c6affb396516f0d673e875680bb7 `Jeff Walden` tall--cover--percent-width-percent-height reference/ref-tall-lime256x384-aqua256x384 background-size: cover; for percent-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 382ef2e9615075aadfa36fe8931d194320b4b76f `Jeff Walden` tall--cover--percent-width-percent-height-viewbox reference/ref-tall-lime256x768 background-size: cover; for percent-width-percent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 7956a9f15c4a994d2375c83888ec5b8cdc0aea33 `Jeff Walden` tall--cover--width reference/ref-tall-lime background-size: cover; for omitted-width-nonpercent-height-extreme-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 6d371aa7fb7bf17659ae048fa5218c07862f5ef1 `Jeff Walden` ttwf-css3background-border-color border_color image http://www.w3.org/TR/css3-background/#the-border-color 299ea11bee0211784d2ee1d31dba620a91405d91 `disound` '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 border_color_shorthand image http://www.w3.org/TR/css3-background/#the-border-color 65170b0ef0ef058b6b3504aacd608d0a36859f14 `disound` '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 border_color_shorthand_missing_bottom image http://www.w3.org/TR/css3-background/#the-border-color a5dc9a2852ece800bc4a9be731f5be49d075a3cc `disound` '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 border_color_shorthand_missing_left image http://www.w3.org/TR/css3-background/#the-border-color 00f1222890f4d8f1504cb82776926282b21eede9 `disound` '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 border_color_shorthand_missing_right image http://www.w3.org/TR/css3-background/#the-border-color b373f5d05302cb6bf29ef336556ebde99dea7606 `disound` '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-style border_style image http://www.w3.org/TR/css3-background/#the-border-style b289495cd43b758595c507828b199aeb36ae3537 `disound` '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 border_style_double image http://www.w3.org/TR/css3-background/#the-border-style 785b5f0dd6f8680c29f3254b9028732e19a533b1 `disound` '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 border_style_shorthand image http://www.w3.org/TR/css3-background/#the-border-style 9b253b5dc16924b30f84144396ab586654fec6dd `disound` '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 border_style image http://www.w3.org/TR/css3-background/#the-border-style 451fcdb96bf7a07e07cabd6b0f64ccb4744f72b0 `disound` '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 border_style image http://www.w3.org/TR/css3-background/#the-border-style 480edf76a5ff5873e090abcb9366cc3e4fdff1a7 `disound` '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 http://www.w3.org/TR/css3-background/#the-border-style b881316979f2fd75b94ca890d768d07c85ceba88 `disound` '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. = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset ttwf-reftest-borderRadius reference/ttwf-reftest-borderRadius-ref Test Background and border http://www.w3.org/TR/css3-background/#border-radius-tables f6242e26f3933ea285d7d46b9096a215c5a2727f `Jinlong Zhang` Table with 'border-collapse: collapse;' declaration, it's 'border-radius' style will not work. wide--12px-auto--nonpercent-width-nonpercent-height reference/ref-wide-lime12x24-aqua12x24 background-size: 12px auto; for nonpercent-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 2d0b0e4837016aa9aa542aa1d2223f2544bc993e `Jeff Walden` wide--12px-auto--nonpercent-width-nonpercent-height-viewbox reference/ref-wide-lime12x24-aqua12x24 background-size: 12px auto; for nonpercent-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute b2a3dbedf097e804c717d820ec7dad54246096ac `Jeff Walden` wide--12px-auto--nonpercent-width-omitted-height reference/ref-wide-lime12x128-aqua12x128 background-size: 12px auto; for nonpercent-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 138beb4cbb73cfaa1d71d2a24e0e0b06e4d9cbf5 `Jeff Walden` wide--12px-auto--nonpercent-width-omitted-height-viewbox reference/ref-wide-lime12x96-aqua12x96 background-size: 12px auto; for nonpercent-width-omitted-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 8b63186b53bfd877cd693d3f16ce6aea24f9cc17 `Jeff Walden` wide--12px-auto--nonpercent-width-percent-height reference/ref-wide-lime12x128-aqua12x128 background-size: 12px auto; for nonpercent-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 3823878bfed09033ea157e700afec15dcb945d3e `Jeff Walden` wide--12px-auto--nonpercent-width-percent-height-viewbox reference/ref-wide-lime12x96-aqua12x96 background-size: 12px auto; for nonpercent-width-percent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 4a92d543aca7ae2c35b56f22eda1712d66300f19 `Jeff Walden` wide--12px-auto--omitted-width-nonpercent-height reference/ref-wide-lime12x16-aqua12x16 background-size: 12px auto; for omitted-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 3b8eb11fea10f48c344c41ea44df9c1be0676633 `Jeff Walden` wide--12px-auto--omitted-width-nonpercent-height-viewbox reference/ref-wide-lime12x96-aqua12x96 background-size: 12px auto; for omitted-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 862e5ef97f44adda7bfcd101c21222993a1c0541 `Jeff Walden` wide--12px-auto--omitted-width-omitted-height reference/ref-wide-lime12x128-aqua12x128 background-size: 12px auto; for omitted-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 11896f4daaa39901db4234da7403a7d446928de6 `Jeff Walden` wide--12px-auto--omitted-width-omitted-height-viewbox reference/ref-wide-lime12x96-aqua12x96 background-size: 12px auto; for omitted-width-omitted-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute fabfe4e27d28252221dc82f2de7b543a94ee7c32 `Jeff Walden` wide--12px-auto--omitted-width-percent-height reference/ref-wide-lime12x128-aqua12x128 background-size: 12px auto; for omitted-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 83e6ce9cd3c57f772015219fa53a386e23bf9ee1 `Jeff Walden` wide--12px-auto--omitted-width-percent-height-viewbox reference/ref-wide-lime12x96-aqua12x96 background-size: 12px auto; for omitted-width-percent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 4914752378a4b3a5cb3f1abb74c76f7aac802963 `Jeff Walden` wide--12px-auto--percent-width-nonpercent-height reference/ref-wide-lime12x16-aqua12x16 background-size: 12px auto; for percent-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 90d38e3f6415657fb420a8549eef4f3f5529ecda `Jeff Walden` wide--12px-auto--percent-width-nonpercent-height-viewbox reference/ref-wide-lime12x96-aqua12x96 background-size: 12px auto; for percent-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute c08425fbea539877b0d81814478b958e6ebeec81 `Jeff Walden` wide--12px-auto--percent-width-omitted-height reference/ref-wide-lime12x128-aqua12x128 background-size: 12px auto; for percent-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 037b546c87034a042697c6d1daae654ed08ba4a7 `Jeff Walden` wide--12px-auto--percent-width-omitted-height-viewbox reference/ref-wide-lime12x96-aqua12x96 background-size: 12px auto; for percent-width-omitted-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 8682611ec6ad8f44642a46176da2ecd64b5f262f `Jeff Walden` wide--12px-auto--percent-width-percent-height reference/ref-wide-lime12x128-aqua12x128 background-size: 12px auto; for percent-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute ff823a48be1849a41158ffac36c6fd9f1b31e317 `Jeff Walden` wide--12px-auto--percent-width-percent-height-viewbox reference/ref-wide-lime12x96-aqua12x96 background-size: 12px auto; for percent-width-percent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 6076949a1f7bf89e2cb9c89b23e44053e7011d3a `Jeff Walden` wide--auto--nonpercent-width-nonpercent-height reference/ref-wide-lime8x16-aqua8x16 background-size: auto; for nonpercent-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 4545274380ec609c9626088dd3c76ae4a44449d1 `Jeff Walden` wide--auto--nonpercent-width-nonpercent-height-viewbox reference/ref-wide-lime8x16-aqua8x16 background-size: auto; for nonpercent-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 72540c5d1edca6073285652268ae5303989001ec `Jeff Walden` wide--auto--nonpercent-width-omitted-height reference/ref-wide-lime8x128-aqua8x128 background-size: auto; for nonpercent-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 7f37b5ab8bb46849935d8b94b4e7671a792f764f `Jeff Walden` wide--auto--nonpercent-width-omitted-height-viewbox reference/ref-wide-lime8x64-aqua8x64 background-size: auto; for nonpercent-width-omitted-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute b250f947523ecd464337efe271c2a740f150cbe6 `Jeff Walden` wide--auto--nonpercent-width-percent-height reference/ref-wide-lime8x128-aqua8x128 background-size: auto; for nonpercent-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 09b971ac1e8d2f38b0e4e43b11504d2a2b104704 `Jeff Walden` wide--auto--nonpercent-width-percent-height-viewbox reference/ref-wide-lime8x64-aqua8x64 background-size: auto; for nonpercent-width-percent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute fca08532a0a79718cf265d315fe1d20440b74796 `Jeff Walden` wide--auto--omitted-width-nonpercent-height reference/ref-wide-lime768x16-aqua768x16 background-size: auto; for omitted-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 37c909299f49e82912456b24e1eab85fccadde45 `Jeff Walden` wide--auto--omitted-width-nonpercent-height-viewbox reference/ref-wide-lime2x16-aqua2x16 background-size: auto; for omitted-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 3109bb5cfb612c18243be526ada1990cf48861d2 `Jeff Walden` wide--auto--omitted-width-omitted-height reference/ref-wide-lime768x128-aqua768x128 background-size: auto; for omitted-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 0eb4d1a401958faa3dc3affa461537bb8ca1ff04 `Jeff Walden` wide--auto--omitted-width-omitted-height-viewbox reference/ref-wide-lime16x128-aqua16x128 background-size: auto; for omitted-width-omitted-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute aa27a234d55b0a9c32343e2b5d2d01d3dd4d4e16 `Jeff Walden` wide--auto--omitted-width-percent-height reference/ref-wide-lime768x128-aqua768x128 background-size: auto; for omitted-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 61f107b8308553e712c4b5b37efb1f014fa21739 `Jeff Walden` wide--auto--omitted-width-percent-height-viewbox reference/ref-wide-lime16x128-aqua16x128 background-size: auto; for omitted-width-percent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 9f61b4a01857399cc23952cc21377eea3ed5de01 `Jeff Walden` wide--auto--percent-width-nonpercent-height reference/ref-wide-lime768x16-aqua768x16 background-size: auto; for percent-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 61d1cd41e8fe1ba899197b4e4a7456e8c0363dc0 `Jeff Walden` wide--auto--percent-width-nonpercent-height-viewbox reference/ref-wide-lime2x16-aqua2x16 background-size: auto; for percent-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 60b31fc0d890c198db528365e9e4d93ca244a5c1 `Jeff Walden` wide--auto--percent-width-omitted-height reference/ref-wide-lime768x128-aqua768x128 background-size: auto; for percent-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 73215e68f2ccb8d4400fe5c35e71d2634a92f03c `Jeff Walden` wide--auto--percent-width-omitted-height-viewbox reference/ref-wide-lime16x128-aqua16x128 background-size: auto; for percent-width-omitted-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 9ad34b5aadc17b5c99a8c8b16c187886fad4ebae `Jeff Walden` wide--auto--percent-width-percent-height reference/ref-wide-lime768x128-aqua768x128 background-size: auto; for percent-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute c2806767133916802117a6eb6acbfc3a8d9dadcd `Jeff Walden` wide--auto--percent-width-percent-height-viewbox reference/ref-wide-lime16x128-aqua16x128 background-size: auto; for percent-width-percent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 947bf276324fdcb2ab94c170d18602cf88756434 `Jeff Walden` wide--auto-32px--nonpercent-width-nonpercent-height reference/ref-wide-lime8x16-aqua8x16 background-size: auto 32px; for nonpercent-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute ff9814305aa2176f7449207a307ed05894fef3e6 `Jeff Walden` wide--auto-32px--nonpercent-width-nonpercent-height-viewbox reference/ref-wide-lime8x16-aqua8x16 background-size: auto 32px; for nonpercent-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 9464833c36df0e8086f718fd0d5eb6f19c1d7de5 `Jeff Walden` wide--auto-32px--nonpercent-width-omitted-height reference/ref-wide-lime8x16-aqua8x16 background-size: auto 32px; for nonpercent-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 627f6c4ffe9da5fa82d02b42adad370447e609fe `Jeff Walden` wide--auto-32px--nonpercent-width-omitted-height-viewbox reference/ref-wide-lime2x16-aqua2x16 background-size: auto 32px; for nonpercent-width-omitted-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute e13213536bdddfa449aa222977d86497741d7505 `Jeff Walden` wide--auto-32px--nonpercent-width-percent-height reference/ref-wide-lime8x16-aqua8x16 background-size: auto 32px; for nonpercent-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute eb1c88f9d48d01d7129a70cdd66a1eb464b218d6 `Jeff Walden` wide--auto-32px--nonpercent-width-percent-height-viewbox reference/ref-wide-lime2x16-aqua2x16 background-size: auto 32px; for nonpercent-width-percent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 4dcabf2855d3018c2d50f7d7534bb354cb36d4a7 `Jeff Walden` wide--auto-32px--omitted-width-nonpercent-height reference/ref-wide-lime768x16-aqua768x16 background-size: auto 32px; for omitted-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute f0bc579c14899d19598f7f9527f30c53e524271c `Jeff Walden` wide--auto-32px--omitted-width-nonpercent-height-viewbox reference/ref-wide-lime2x16-aqua2x16 background-size: auto 32px; for omitted-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 90c3428e86b55106e2c3a0e8a323cc4d43c1c7d5 `Jeff Walden` wide--auto-32px--omitted-width-omitted-height reference/ref-wide-lime768x16-aqua768x16 background-size: auto 32px; for omitted-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 35fb610fe2155a307fa2d0032032e633a2d9b479 `Jeff Walden` wide--auto-32px--omitted-width-omitted-height-viewbox reference/ref-wide-lime2x16-aqua2x16 background-size: auto 32px; for omitted-width-omitted-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 0ef3e25a0c6cee8267a9d1518d04ec15e8fbb056 `Jeff Walden` wide--auto-32px--omitted-width-percent-height reference/ref-wide-lime768x16-aqua768x16 background-size: auto 32px; for omitted-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 7d5555188b7e9edb67a9a613ec3416ece208b4b4 `Jeff Walden` wide--auto-32px--omitted-width-percent-height-viewbox reference/ref-wide-lime2x16-aqua2x16 background-size: auto 32px; for omitted-width-percent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 25bad83a4ee8e653c8812566d7bbb6d196d59448 `Jeff Walden` wide--auto-32px--percent-width-nonpercent-height reference/ref-wide-lime768x16-aqua768x16 background-size: auto 32px; for percent-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute d96add000d7848103bcbfd78536bf9bcfd206c16 `Jeff Walden` wide--auto-32px--percent-width-nonpercent-height-viewbox reference/ref-wide-lime2x16-aqua2x16 background-size: auto 32px; for percent-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute c48982d84339bed41af165a136fd29b984c7ee41 `Jeff Walden` wide--auto-32px--percent-width-omitted-height reference/ref-wide-lime768x16-aqua768x16 background-size: auto 32px; for percent-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 12ef8505170cd4c499ac66a8cef19985745a57f6 `Jeff Walden` wide--auto-32px--percent-width-omitted-height-viewbox reference/ref-wide-lime2x16-aqua2x16 background-size: auto 32px; for percent-width-omitted-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 03eb902913fdcc535c1fdee38cc24e8e9a54d05c `Jeff Walden` wide--auto-32px--percent-width-percent-height reference/ref-wide-lime768x16-aqua768x16 background-size: auto 32px; for percent-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 72b6c9de0a0bb2c85deb6c90ac78a5756e6be107 `Jeff Walden` wide--auto-32px--percent-width-percent-height-viewbox reference/ref-wide-lime2x16-aqua2x16 background-size: auto 32px; for percent-width-percent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute bd856bf1e1b7c0c2a0d98b74dd401423a64f9c04 `Jeff Walden` wide--contain--height reference/ref-wide-empty background-size: contain; for nonpercent-width-omitted-height-extreme-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 1b2d209d3c6df77c96c202ecaf51f9dc939570d7 `Jeff Walden` wide--contain--nonpercent-width-nonpercent-height reference/ref-wide-lime64x128-aqua64x128 background-size: contain; for nonpercent-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute c5bbf173055b6fc4523b13e961feec6c24d2953b `Jeff Walden` wide--contain--nonpercent-width-nonpercent-height-viewbox reference/ref-wide-lime64x128-aqua64x128 background-size: contain; for nonpercent-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute e42b23f5d18564673b94b9998890e6efcdb053bd `Jeff Walden` wide--contain--nonpercent-width-omitted-height reference/ref-wide-lime768x128-aqua768x128 background-size: contain; for nonpercent-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 9fc1ca9a11bf2fd776270e8ff7b7945a8e2f2f08 `Jeff Walden` wide--contain--nonpercent-width-omitted-height-viewbox reference/ref-wide-lime16x128-aqua16x128 background-size: contain; for nonpercent-width-omitted-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 4a921efadd6170c42de7939f90522897399275b0 `Jeff Walden` wide--contain--nonpercent-width-percent-height reference/ref-wide-lime768x128-aqua768x128 background-size: contain; for nonpercent-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 626035b6ab8b0030c7109cc89391a094030a218f `Jeff Walden` wide--contain--nonpercent-width-percent-height-viewbox reference/ref-wide-lime16x128-aqua16x128 background-size: contain; for nonpercent-width-percent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 34ee7c3379f8e9c90015e46fc0d44a68ef4a26d7 `Jeff Walden` wide--contain--omitted-width-nonpercent-height reference/ref-wide-lime768x128-aqua768x128 background-size: contain; for omitted-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute d2893592ec6e9116aedc9e0a2c3d039f3f2685d9 `Jeff Walden` wide--contain--omitted-width-nonpercent-height-viewbox reference/ref-wide-lime16x128-aqua16x128 background-size: contain; for omitted-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 67bfbd81184bca63bf48726e3f2e4d67fb18d880 `Jeff Walden` wide--contain--omitted-width-omitted-height reference/ref-wide-lime768x128-aqua768x128 background-size: contain; for omitted-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute ff92dfabe9203877fbc299544cbb591c228ca400 `Jeff Walden` wide--contain--omitted-width-omitted-height-viewbox reference/ref-wide-lime16x128-aqua16x128 background-size: contain; for omitted-width-omitted-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute a454ac10ef73c3d9a76a5d2eb028906244cc909b `Jeff Walden` wide--contain--omitted-width-percent-height reference/ref-wide-lime768x128-aqua768x128 background-size: contain; for omitted-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 6996fccecbe790576b42ff7632648f1ac7da0ca9 `Jeff Walden` wide--contain--omitted-width-percent-height-viewbox reference/ref-wide-lime16x128-aqua16x128 background-size: contain; for omitted-width-percent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute e35d17a8c076c0413de9040be5b5c98d3d641dcc `Jeff Walden` wide--contain--percent-width-nonpercent-height reference/ref-wide-lime768x128-aqua768x128 background-size: contain; for percent-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 259b080e7537bcda31d957f4e24afe160b59399d `Jeff Walden` wide--contain--percent-width-nonpercent-height-viewbox reference/ref-wide-lime16x128-aqua16x128 background-size: contain; for percent-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 1dcdcb5f1d2b086418c1d9f5a00f6745acddbe39 `Jeff Walden` wide--contain--percent-width-omitted-height reference/ref-wide-lime768x128-aqua768x128 background-size: contain; for percent-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 18c174f6b0a664a10755f8aa13aaffc3ec68e722 `Jeff Walden` wide--contain--percent-width-omitted-height-viewbox reference/ref-wide-lime16x128-aqua16x128 background-size: contain; for percent-width-omitted-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute b367064704a34a6410266c7a11a20f649d63a693 `Jeff Walden` wide--contain--percent-width-percent-height reference/ref-wide-lime768x128-aqua768x128 background-size: contain; for percent-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 5243c33e323e60a988a711a03ddc3bb6548d428f `Jeff Walden` wide--contain--percent-width-percent-height-viewbox reference/ref-wide-lime16x128-aqua16x128 background-size: contain; for percent-width-percent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 59592c08584429cc4e4d04d4d0f152c225354620 `Jeff Walden` wide--contain--width reference/ref-wide-empty background-size: contain; for omitted-width-nonpercent-height-extreme-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute ff6ce86254ed16b8f8c1f9041edf19e3f7b2f8db `Jeff Walden` wide--cover--height reference/ref-wide-lime background-size: cover; for nonpercent-width-omitted-height-extreme-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute f3bdfc0f3653f3bc66f940a1b70acaba35f6f1e6 `Jeff Walden` wide--cover--nonpercent-width-nonpercent-height reference/ref-wide-lime768x256 background-size: cover; for nonpercent-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute b089af5ceb15f7e8ae6c1b5973db5759e67acb56 `Jeff Walden` wide--cover--nonpercent-width-nonpercent-height-viewbox reference/ref-wide-lime768x256 background-size: cover; for nonpercent-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute ea8da6b9018c3c9ea163806c158059f2c75f06bb `Jeff Walden` wide--cover--nonpercent-width-omitted-height reference/ref-wide-lime768x128-aqua768x128 background-size: cover; for nonpercent-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 7806a87140b80847b884275c6b1c6dc0b9c54e61 `Jeff Walden` wide--cover--nonpercent-width-omitted-height-viewbox reference/ref-wide-lime768x256 background-size: cover; for nonpercent-width-omitted-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute f6dc1aa1d524d3374f36922d8bb1f7c81fca9f0f `Jeff Walden` wide--cover--nonpercent-width-percent-height reference/ref-wide-lime768x128-aqua768x128 background-size: cover; for nonpercent-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute a0e0ab30f60a5751e1a304f3f849b0d70781d12c `Jeff Walden` wide--cover--nonpercent-width-percent-height-viewbox reference/ref-wide-lime768x256 background-size: cover; for nonpercent-width-percent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 3d620df786d4d8cedfba0791b92e529281eaa812 `Jeff Walden` wide--cover--omitted-width-nonpercent-height reference/ref-wide-lime768x128-aqua768x128 background-size: cover; for omitted-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute b338e41dc596f3588afd9a38ddf1c01ea8a7dcdf `Jeff Walden` wide--cover--omitted-width-nonpercent-height-viewbox reference/ref-wide-lime768x256 background-size: cover; for omitted-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 6882530942929c2e957408611447216cefc95f71 `Jeff Walden` wide--cover--omitted-width-omitted-height reference/ref-wide-lime768x128-aqua768x128 background-size: cover; for omitted-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 8b599da3141e5f147b25cded6e96885b3cb10d5c `Jeff Walden` wide--cover--omitted-width-omitted-height-viewbox reference/ref-wide-lime768x256 background-size: cover; for omitted-width-omitted-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 3d08e39337b73a958b3319b879809480fe750600 `Jeff Walden` wide--cover--omitted-width-percent-height reference/ref-wide-lime768x128-aqua768x128 background-size: cover; for omitted-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute ce7f6e40c0219c173692a08644efa4da04efe406 `Jeff Walden` wide--cover--omitted-width-percent-height-viewbox reference/ref-wide-lime768x256 background-size: cover; for omitted-width-percent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute e0e48365386a3c3525d4931fc14d14d73d1df268 `Jeff Walden` wide--cover--percent-width-nonpercent-height reference/ref-wide-lime768x128-aqua768x128 background-size: cover; for percent-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 989e4221afddd855fb18d588ed5391ee8c47d49a `Jeff Walden` wide--cover--percent-width-nonpercent-height-viewbox reference/ref-wide-lime768x256 background-size: cover; for percent-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute b59296e4a099c4020125ac4ad1ddb8da42750f9a `Jeff Walden` wide--cover--percent-width-omitted-height reference/ref-wide-lime768x128-aqua768x128 background-size: cover; for percent-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute ca3e61d2bf66af89694376722218ff23860da299 `Jeff Walden` wide--cover--percent-width-omitted-height-viewbox reference/ref-wide-lime768x256 background-size: cover; for percent-width-omitted-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute b1a8a1e55bca6002662beee338ec8b736d2d17b5 `Jeff Walden` wide--cover--percent-width-percent-height reference/ref-wide-lime768x128-aqua768x128 background-size: cover; for percent-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 4df3d614719897fd5493634b7f9012f240bd8495 `Jeff Walden` wide--cover--percent-width-percent-height-viewbox reference/ref-wide-lime768x256 background-size: cover; for percent-width-percent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute 492e453156841fdaf347609736f00bbf21bd12a5 `Jeff Walden` wide--cover--width reference/ref-wide-lime background-size: cover; for omitted-width-nonpercent-height-extreme-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute df4e662fbcfbc2178e80857c8a1e6b5c0c6da0b9 `Jeff Walden` zero-height-ratio-5px-auto reference/ref-tall-empty zero height ratio, 5px auto svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute f002523dd4021bcbfe61c042245fb230d66d80c4 `Jeff Walden` zero-height-ratio-auto-5px reference/ref-tall-empty zero height ratio, auto 5px svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute bd0e18fda87c16f46af808884830ef734871dfdd `Jeff Walden` zero-height-ratio-auto-auto reference/ref-tall-empty zero height ratio, auto auto svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 03595413d9a3fc8a38b386a7c49fbf3aaf29a579 `Jeff Walden` zero-height-ratio-contain reference/ref-tall-empty zero height ratio, contain svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 8bc00413455a9177ad80eb95c479be64fb865475 `Jeff Walden` zero-height-ratio-cover reference/ref-tall-empty zero height ratio, cover svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 688a4ea9b6137def0c2d875f0fae8d76baa6a26e `Jeff Walden` zero-ratio-no-dimensions-5px-auto reference/ref-tall-empty zero ratio, no dimensions, 5px auto svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 7f7901ac5397c3667dbf30d17b5df0859334a8d8 `Jeff Walden` zero-ratio-no-dimensions-auto-5px reference/ref-tall-empty zero ratio, no dimensions, auto 5px svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 2c09d184f21e1dc23cde0543bd8d1eb12734d1e2 `Jeff Walden` zero-ratio-no-dimensions-auto-auto reference/ref-tall-empty zero ratio, no dimensions, auto auto svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute f294829cdddc5f13072530a9dd4dd1c72329add6 `Jeff Walden` zero-ratio-no-dimensions-contain reference/ref-tall-empty zero ratio, no dimensions, contain svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute eae7b73adf49594d2fab6140bafbf7f0bd981d4b `Jeff Walden` zero-ratio-no-dimensions-cover reference/ref-tall-empty zero ratio, no dimensions, cover svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute bc662d8b6d190184eb03799db97d18da692c1f67 `Jeff Walden` zero-width-ratio-5px-auto reference/ref-tall-empty zero height ratio, 5px auto svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 75ce2550891dadcf98cb90f5c7238346d51585b3 `Jeff Walden` zero-width-ratio-auto-5px reference/ref-tall-empty zero height ratio, auto 5px svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 58a693d59bae31b1cb3161cfb6e5e5392f750010 `Jeff Walden` zero-width-ratio-auto-auto reference/ref-tall-empty zero width ratio, auto auto svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 652ca1421e4a82e52020221f4cbca39513b26175 `Jeff Walden` zero-width-ratio-contain reference/ref-tall-empty zero width ratio, contain svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute a84d9900a43cb6b5cf1c3138825a505afc4963d6 `Jeff Walden` zero-width-ratio-cover reference/ref-tall-empty zero width ratio, cover svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute f88731e07d8e5f7b2da383003f18a7e40d9f868f `Jeff Walden`