Mirrors/servo
1
0
Fork 0
mirror of https://github.com/servo/servo.git synced 2025-06-25 17:44:33 +01:00
Code Issues Projects Releases Packages Wiki Activity
servo/tests/wpt/css-tests/css-backgrounds-3_dev/testinfo.data

558 lines
217 KiB
Text
Raw Blame History

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`<http://exyr.org/about/>
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`<http://exyr.org/about/>
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`<http://exyr.org/about/>
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`<http://exyr.org/about/>
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`<http://exyr.org/about/>
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`<http://exyr.org/about/>
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`<http://exyr.org/about/>
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`<http://exyr.org/about/>
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`<http://exyr.org/about/>
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`<http://exyr.org/about/>
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`<http://exyr.org/about/>
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`<http://exyr.org/about/>
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`<http://exyr.org/about/>
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`<http://exyr.org/about/>
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`<http://exyr.org/about/>
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`<http://exyr.org/about/>
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`<http://exyr.org/about/>
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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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 41883084f448eb3d6f79012d0b1320debfb2ab2f `Intel`<http://www.intel.com> 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 30356a69904af933f5701755338257ea23108d46 `Intel`<http://www.intel.com> 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 4ef914396c3b091f52f563d2ca2e8fc6cad820f4 `Intel`<http://www.intel.com> 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 3e9a9c00a1954f07219bf5d24e8b62d0f17e0d87 `Intel`<http://www.intel.com> 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 <box> value dom,script http://www.w3.org/TR/css3-background/#the-background 23bc95df107c3d1bd048be7e785f324003da537f `Intel`<http://www.intel.com> Check if one <box> value is present then it sets both 'background-origin' and 'background-clip' to that value
background-336 background shorthand - two <box> values dom,script http://www.w3.org/TR/css3-background/#the-background d8ffb8c3574d7c27ba4ba04d34fba948debf922b `Intel`<http://www.intel.com> Check if two <box> 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 8da0f6cc1e67b1609fa31df814b55c7e4048b6ec `Melanie Archer`<mailto:job@twobanjos.com> 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 2872cbeb53db7bc4c1b90bc27363d57cb5c42e99 `Melanie Archer`<mailto:job@twobanjos.com> 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 &#8216;background-attachment: local&#8217; http://www.w3.org/TR/css3-background/#the-background-attachment 8e7f9a0312083d97751cec1ac8a76190f1d68a1e `Microsoft`<http://www.microsoft.com/> 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 9fb84a761767b000ab557c7de2f79d3722c5ae9d `Intel`<http://www.intel.com> 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 92d0780fa1c4f198383b320d83a886b64d766ebe `Intel`<http://www.intel.com> 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 0986afc648919557886750b754a717b8e58139fe `Intel`<http://www.intel.com> 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 e122cfb8caee9de9324b88e9ce9c8b7cf0633321 `Intel`<http://www.intel.com> 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 70fab4a34bc424541ea85b125a1a5842ecfe44f2 `Intel`<http://www.intel.com> 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 6feafa6018625f0d35677c9925bd5455ef8850ae `Intel`<http://www.intel.com> 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 7b5deb50ec6732db3f91931debce33f51538825e `Julien Chaffraix`<mailto:jchaffraix@webkit.org>,`G&Atilde;&copy;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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 e711d37e37e64ba2b2d7769730b1cafe962ace83 `Julien Chaffraix`<mailto:jchaffraix@webkit.org>,`G&Atilde;&copy;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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 bf76fc8b361c997a7b08e62758892e8f9427d0dc `Julien Chaffraix`<mailto:jchaffraix@webkit.org>,`G&Atilde;&copy;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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 40f96f532a8862c14b7b74aff3900b454652d208 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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 backgrond-clip_content-box http://www.w3.org/TR/css3-background/#the-background-clip a0aae7c775f2d9f6527f7d723ecae69f30330379 `anping`<mailto:zhuanping123@163.com> Test passes if the backgrond 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`<mailto:wangjian@ucweb.com> 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`<http://lea.verou.me> 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 f000143a595d096b5a254f1b9c4ea99e0f262a99 `Lea Verou`<http://lea.verou.me> The root element has a different background painting area, and thus the &acirc;&#8364;&#732;background-clip&acirc;&#8364;&#8482; 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 dd78a6379ff2c736ef85083c0b170e5a6c54e260 `Xiaoyan Jiang`<dajiangxiaoyan@126.com> 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`<http://www.microsoft.com/> '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 1af1ed13e3676a03b82aa25e8a075af47a824a53 `Microsoft`<http://www.microsoft.com/> 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 9cb050c0f31b05899ec18059a2c1565a8c3e6769 `Justin Hill`<http://www.justin-hill.com> 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 ced2931ece843758ba52e59fbafe318fc1aa558a `Justin Hill`<http://www.justin-hill.com> 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 <a> http://www.w3.org/TR/css3-background/#the-background-image c57fdecbbdb683af3207624a7d0f8571bfd35bbd `Justin Hill`<http://www.justin-hill.com> Test checks that background-image displays raster image for <a> tag.
background-image-004 reference/background-image-001-ref CSS Backgrounds: background-image <a> layered images http://www.w3.org/TR/css3-background/#the-background-image f97013e8fa3d3981287ea0b59058ce518400fe7c `Justin Hill`<http://www.justin-hill.com> Test checks that background-image displays multiple images in correct order on <a> 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 9c1eddbc5a16e0bddc0002423dc80a43d4e79a88 `Justin Hill`<http://www.justin-hill.com> 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 7357a03317b9a4cddbeb1ee80505e26b56881d4a `Justin Hill`<http://www.justin-hill.com> 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 3288d8f910295fde4c5664ad5e6a262a85b9448d `Justin Hill`<http://www.justin-hill.com> 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 25c1464c8aff92a9d940cae9e499abc99a5d8698 `Ethan Malasky`<mailto:emalasky@adobe.com> 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`<http://fantasai.inkedblade.net/contact> 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`<http://fantasai.inkedblade.net/contact> 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`<http://fantasai.inkedblade.net/contact> 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`<http://fantasai.inkedblade.net/contact> 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`<http://fantasai.inkedblade.net/contact> 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`<http://fantasai.inkedblade.net/contact> 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`<http://fantasai.inkedblade.net/contact> 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`<http://fantasai.inkedblade.net/contact> 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`<http://fantasai.inkedblade.net/contact> 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`<http://fantasai.inkedblade.net/contact> 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 4df27cb0cf57b29b8f442256c503698ef38e8197 `Intel`<http://www.intel.com> 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 474f3161710f3d17164f2f14848f7742c92fd469 `Intel`<http://www.intel.com> 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 ac6146b87aa9794d67bd43cf7395af07b0bc5c2f `Intel`<http://www.intel.com> 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 19499edb95bbdb84ec2487e97a3b466b2b6e99bd `Intel`<http://www.intel.com> 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 fe3ea0ffde7fadf7e5b5da521a20650e91662442 `Intel`<http://www.intel.com> 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 f0087ebb48148c484cccba218b7368466169b7e8 `Intel`<http://www.intel.com> 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 109162124b6eb57312cf1ee17c1d393457fa253c `Intel`<http://www.intel.com> 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 0a4588fd2cd9060b213ef1400ffe446fb9b50a2d `Intel`<http://www.intel.com> 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`<mailto:jchaffraix@webkit.org> 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`<http://www.jeffreyatw.com/> 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`<http://www.jeffreyatw.com/> 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`<http://www.jeffreyatw.com/> The image is repeated vertically as often as needed to cover the background painting area.
background-repeat-round background-repeat: round basic support image http://www.w3.org/TR/css3-background/#the-background-repeat 1a0c1c29e5c5ad357f96277b024066b65e8dbda8 `Lea Verou`<http://lea.verou.me> 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-001 background-repeat - one round keyword value image http://www.w3.org/TR/css3-background/#the-background-repeat 488d2b77d15b0460f580db27ef68620e29b38709 `Intel`<http://www.intel.com> 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-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`<http://www.jeffreyatw.com/> 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`<http://www.jeffreyatw.com/> 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-padding-box 'Background-repeat: space' when background positioning area is 'padding-box' http://www.w3.org/TR/css3-background/#the-background-repeat 16bd520231befa9ed931f103d28d2ce8745bc65c `Microsoft`<http://www.microsoft.com/> 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 ae9fed313c355776a869c710b2c96cc066a3d9d0 `Intel`<http://www.intel.com> 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 25c622e0bcbf420d7b5053a9f2efc893505700f6 `Intel`<http://www.intel.com> 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-005 reference/background-size-002-ref background-size - one auto keyword value image http://www.w3.org/TR/css3-background/#the-background-size 5b1eae2d4a42d5dd9ad0d77bfeb06c5450df8636 `Intel`<http://www.intel.com> 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 <length> value image http://www.w3.org/TR/css3-background/#the-background-size fc850e8bb8486d6c7086c40b535a5f1ba14d9bca `Intel`<http://www.intel.com> 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 <length> value at minimum image http://www.w3.org/TR/css3-background/#the-background-size 22b9aec99f6bebb1f5d3929f3b615b75d5c72f61 `Intel`<http://www.intel.com> 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 <length> value at maximum image http://www.w3.org/TR/css3-background/#the-background-size fc47621a1bc850db829550e4cbb623229f85e18d `Intel`<http://www.intel.com> 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 <percentage> value image http://www.w3.org/TR/css3-background/#the-background-size 0672c0ebebbf393ae0f393faa58566a5325b6e65 `Intel`<http://www.intel.com> 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 <percentage> value at minimum image http://www.w3.org/TR/css3-background/#the-background-size c9f2482f44a441bd0ac764420b43079d03efa694 `Intel`<http://www.intel.com> 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 <percentage> value at maximum image http://www.w3.org/TR/css3-background/#the-background-size 45777a23f42fe1a148984bc9d6e6caa2b0208be8 `Intel`<http://www.intel.com> 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 ccb5478e1ca4ab2b0640ccbca5f0de7aa7450558 `Intel`<http://www.intel.com> 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 <length> values image http://www.w3.org/TR/css3-background/#the-background-size becf4287ee53a53e83604ce1814d542421019de0 `Intel`<http://www.intel.com> 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 <percentage> values image http://www.w3.org/TR/css3-background/#the-background-size b8138c6696b6ed4dccf32606ddbe2e1bca80d9c0 `Intel`<http://www.intel.com> 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 <length> and one auto keyword values image http://www.w3.org/TR/css3-background/#the-background-size 76766a7af5524ba0fdd4e89853e827007e2f9bf9 `Intel`<http://www.intel.com> 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 <length> values image http://www.w3.org/TR/css3-background/#the-background-size 04a2d646f5bd7cfd7247fc0fc14a779269a6247a `Intel`<http://www.intel.com> 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 <length> and one <percentage> values image http://www.w3.org/TR/css3-background/#the-background-size 7f6a9bee1b964b6e596f067fb5bb61a906fd31f0 `Intel`<http://www.intel.com> 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 <percentage> and one auto keyword values image http://www.w3.org/TR/css3-background/#the-background-size a71d451aefd0f736a220dacb00e2e3e1db835311 `Intel`<http://www.intel.com> 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 <percentage> and one <length> values image http://www.w3.org/TR/css3-background/#the-background-size 73999188fc8d8a050484104b567c04fc682af182 `Intel`<http://www.intel.com> 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 <percentage> values image http://www.w3.org/TR/css3-background/#the-background-size b35ec3be33cbb9206583ba4f76a2419a8c7540c0 `Intel`<http://www.intel.com> 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 0d3a297ebc9eba7e90269f6d2b1ba50e690e28e7 `Intel`<http://www.intel.com> 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 b1366d54f8233d1f6be4ecf6b107a71347ed4cc8 `Intel`<http://www.intel.com> 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 668972c967f9adbc1967347794936d2dca40c7b0 `Intel`<http://www.intel.com> 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 3cbc9960ed33202979bd5a33209ff21fa5723c61 `Intel`<http://www.intel.com> 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 a7d55fb64ce99a45adff289788ef142a7d4a4dc8 `Intel`<http://www.intel.com> 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 c4ee41c2a15e35b6a69b6f52702b02d9ae4a0066 `Intel`<http://www.intel.com> 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 cf2a230025b5738b6db6b376229229c4b0d0c5cc `Intel`<http://www.intel.com> 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 70cdaaf25e0f263590f9c06ae34efa44d77cd6f4 `Intel`<http://www.intel.com> 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 19806ca0e925b5b119cd320e5d1ca8045ced60fa `Intel`<http://www.intel.com> 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 c44e52580883ee2919b4c9e43e7a1053955cc041 `Intel`<http://www.intel.com> 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 aa42be9ef7b1096d7acdebe7358d42f5a2fd84c0 `Intel`<http://www.intel.com> 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 0bd8eb8741815f25bf43619ea7e1ef144c0d3532 `Intel`<http://www.intel.com> 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 c7de9e0455ad3a1ab85b070160173047052ba541 `Intel`<http://www.intel.com> 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 22985092746796a4def9577bb1388c959bb98c5d `Intel`<http://www.intel.com> 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 80b65cb2ec6b6ccce3f65ae447260464a1b71543 `xiaochun`<stenders@163.com> 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`<http://www.microsoft.com/> 'Background-size' property applies to elements with 'display: block'.
background-size-aspect-ratio Original aspect ratio of image is maintained when &#8216;background-size: auto&#8217; and &#8216;background-repeat: round' http://www.w3.org/TR/css3-background/#the-background-size d9c9465cefea2ddc3c52c03330c391b9dcc4aba9 `Microsoft`<http://www.microsoft.com/> 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`<http://www.jeffreyatw.com/> 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 05cdf4865cccd39a1f9526405bae59207c138b6a `Intel`<http://www.intel.com> 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 5212c53da511bfd45de61fb9c0eb79a25a809b4d `Intel`<http://www.intel.com> 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 e2f2d6a7112920cdab24814bcba9218943109df0 `Jeffrey Carl Faden`<http://www.jeffreyatw.com/> 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 5198c6994afcd134e0de782f48b15b048d829ec4 `Intel`<http://www.intel.com> 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 b4e13304b75996b80caaf218747c526bf3ff213c `Intel`<http://www.intel.com> 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 53a518b55062eb1311d24c5c29d60aa1501a7565 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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 3862804bf3e74af658d01c933ca6d4ef07f2056d `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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 cda8f50364095c1026626becc47778df9fd2d650 `Jeff Walden`<http://whereswalden.com/>
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 9933302714cd02a41af99f3b74c72d51d2a4e1f3 `Jeff Walden`<http://whereswalden.com/>
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`<http://whereswalden.com/>
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 4ea2fe1d9ba7c9bb4aa4eb24c02ac0c3b1d41975 `Jeff Walden`<http://whereswalden.com/>
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`<http://whereswalden.com/>
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 523b046fc19418d6502b3a1fff7b2fdd22c5edba `Jeff Walden`<http://whereswalden.com/>
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`<http://whereswalden.com/>
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 ccb31a03c3a0a89dd27b71e5a5c0af056c4eac7d `Jeff Walden`<http://whereswalden.com/>
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`<http://whereswalden.com/>
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 267028c1780e58ad2ba5a6e9c6bc8e0ac7877079 `Jeff Walden`<http://whereswalden.com/>
background-size-vector-011 reference/ref-t-lime16x128-aqua16x128 background-size: 16px 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 b8afeb4a7db2480f1ea3c49c2ef4a69524121c25 `Jeff Walden`<http://whereswalden.com/>
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 08a7b3f755c34882b3f9a6d9ed4a693ecd5a402d `Jeff Walden`<http://whereswalden.com/>
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`<http://whereswalden.com/>
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 f559049b9490e49a3adec5dd6f369a68f1c3975f `Jeff Walden`<http://whereswalden.com/>
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`<http://whereswalden.com/>
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 29913b99f7876ff9dfa6593e320313d871341d2a `Jeff Walden`<http://whereswalden.com/>
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`<http://whereswalden.com/>
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 c7fdc165ae0a7ce3ddd20db86e33e3844c55af9a `Jeff Walden`<http://whereswalden.com/>
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 69be40bce679d0e8c50ea06a085b66e67f6b2446 `Jeff Walden`<http://whereswalden.com/>
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 d3f4e5e7aceee703246c11f2ca6b7c01b867b89a `Jeff Walden`<http://whereswalden.com/>
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 f08e4f88c94fbf8a5ff64d7ed4fb2129c0e869f9 `Jeff Walden`<http://whereswalden.com/>
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 91726c2c620b248b1173f5a322a6f5cffe4b22ce `Jeff Walden`<http://whereswalden.com/>
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 6aa9061dbfda19d34d8e1864dbc82287f8ca5568 `Jeff Walden`<http://whereswalden.com/>
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 8a4a5c32547389d2d51a9cd74a788e2b055ec7a4 `Jeff Walden`<http://whereswalden.com/>
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 97ce241e1bc78341b13956c6bc56a3677804964b `Jeff Walden`<http://whereswalden.com/>
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 2c740712117cf6beab65bc3949932222fdeb0c5f `Jeff Walden`<http://whereswalden.com/>
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 ffba9aa5a6d61d60fe1654ac72c7a20c4c9daccb `Jeff Walden`<http://whereswalden.com/>
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 b673b9a94fcf147cd3b74489cabe0b8c28498e99 `Jeff Walden`<http://whereswalden.com/>
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 ff7ae2e547cfb83052d81107d607d11166c611ae `Jeff Walden`<http://whereswalden.com/>
background_color_padding_box Background color clipped to 'padding-box' http://www.w3.org/TR/css3-background/#the-background-color 19bf2ed478299d438253a092c7a8aa5c0af90fea `Microsoft`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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 5e2f7893efb419341742e4e7bc415de22e538a5d `Microsoft`<http://www.microsoft.com/> 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 b90bcb0f5ede44c14b98d3b866006a78f2b730c2 `Microsoft`<http://www.microsoft.com/> 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 7c6141a8505ae19fb8d00b7f7bef5ac1597d7262 `Microsoft`<http://www.microsoft.com/> 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 e476a8a7592594a771985687d5185166f6169e49 `Microsoft`<http://www.microsoft.com/> 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 57c27e54a74b1d875e9601f2f5cd16d426aacac0 `Microsoft`<http://www.microsoft.com/> 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 c7c3de878dca11e4baf45a195dca5211d0182a60 `Nokia`<http://www.nokia.com/> 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 32563d958e90a63fce12b12d7d40ae04522b1d35 `Nokia`<http://www.nokia.com/> 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 465da45a4a776b09cace4ab12bc18eccf6cdef9e `Nokia`<http://www.nokia.com/> 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 11ca7a476276eb9cf15fa2d2379fe126c01bb061 `Nokia`<http://www.nokia.com/> 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 bd3d18c18b1f2841834fe91da42bce069a69684b `Nokia`<http://www.nokia.com/> 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 bf1c580c6184feb65f03bb3f7ea22aa07e64c8d4 `Nokia`<http://www.nokia.com/> 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 b0fcc894122957e2610cd759fb99e44c3556ac07 `Nokia`<http://www.nokia.com/> 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 de18f866230baeaafe40b17bcc1ed21ae3154c29 `Nokia`<http://www.nokia.com/> 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 831fe480af61006e8137e50580228c6970c3d8f1 `Nokia`<http://www.nokia.com/> 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 094803b9d912e60e7ec2d5eeab383a21e8c08715 `Nokia`<http://www.nokia.com/> 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 4b09e197bc65ecdb88d7568dcb221e2bd5bdc159 `Nokia`<http://www.nokia.com/> 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 593a52f47d8f9001b9adb8a163e149de21af22c9 `Nokia`<http://www.nokia.com/> 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 a52e5ae012abfd3104d59e2adcbd0f17773a6002 `Nokia`<http://www.nokia.com/> 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 72aa18f635030443086fc6e8bbf84786c21e1720 `Nokia`<http://www.nokia.com/> 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 f4b0bcfd7fa0fc6db4c30bf8a8184101a26c3485 `Nokia`<http://www.nokia.com/> 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 e15183c7918e8b731cfbdab5c644913fd73c47cb `Nokia`<http://www.nokia.com/> 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 738f5a3012a1e21817f136586c84c764551e5bff `Nokia`<http://www.nokia.com/> 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 f4e3826366266372f4486948e21a2876dd2ab8b9 `Nokia`<http://www.nokia.com/> 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 6c04a46b87b8bb5ef59338c070bc54ad28fe09f8 `Nokia`<http://www.nokia.com/> 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 35ef5a370d25593f85809abdbcedf6ac6ec4c906 `Nokia`<http://www.nokia.com/> 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 1b13f8f2ab98fc929d521ca090798496877bb439 `Nokia`<http://www.nokia.com/> 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 5eb08a32b9aec42605e803e10b1cbca6843d6f8b `Nokia`<http://www.nokia.com/> 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 b31f281f2cf1deb30e8c29457b643a8455631a80 `Nokia`<http://www.nokia.com/> 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 4249184f04e915ac94d00248bd365cc380c48977 `Nokia`<http://www.nokia.com/> 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 1af60e4e48b7eff8c792685dee298625e1c8fe28 `Nokia`<http://www.nokia.com/> 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 e7977c1ac4fb3eae6b6c17cee8d3e11849dc7cc6 `Nokia`<http://www.nokia.com/> 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 3bab331bbeffa9d2ba4041dccb1e3a0c45e4f749 `Nokia`<http://www.nokia.com/> 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 7718a0c62d246812bdf0ae8aca650521492f19b4 `Nokia`<http://www.nokia.com/> To verify if one length value is negative in border-bottom-right-radius, then the corner is not rounded.
border-box background-clip:border-box image http://www.w3.org/TR/css3-background/#the-background-clip a8f8f47bb851a28c9e92b4b44df8bf8ad15d79c2 `finscn`<mail:finscn@gmail.com> border-box : The background is painted within (clipped to) the border box.
border-box_with_position background-clip:border-box & background-position image http://www.w3.org/TR/css3-background/#the-background-clip f915f10d879674ee10e68dd2a6a48b36fcc6fb78 `finscn`<mail:finscn@gmail.com> border-box : The background is painted within (clipped to) the border box.
border-box_with_radius background-clip:border-box & border-radius image http://www.w3.org/TR/css3-background/#the-background-clip dcf5f3e4dad9192b46b5ad1e34713db555b424b4 `finscn`<mail:finscn@gmail.com> border-box : The background is painted within (clipped to) the border box.
border-box_with_size background-clip:border-box & background-size image http://www.w3.org/TR/css3-background/#the-background-clip 3340e27a1782c1ec334fe82da319e537ba2b217a `finscn`<mail:finscn@gmail.com> border-box : The background is painted within (clipped to) the border box.
border-color_transparent border-clip_border-box http://www.w3.org/TR/css3-background/#the-border-color dc9e5e1d08075bb7bafa6c4a118bc80f0be4a136 `Dong An`<andong135@126.com> Test transparent of border-color
border-image-017 reference/ref-filled-green-100px-square border-image shorthand - with border-image-slice <percentage> and border-image-width <percentage> image http://www.w3.org/TR/css3-background/#the-border-image abc030c864da38575b987591f9255d9f279fd78b `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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 <number> and border-image-width <percentage> image http://www.w3.org/TR/css3-background/#the-border-image 739eb7b462c9d72bf22a95541394120512e73070 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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 <percentage> and border-image-width <number> image http://www.w3.org/TR/css3-background/#the-border-image d1c2b4392b5db6c77f39ff151db35a04b002beb4 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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 <number> and border-image-width <number> image http://www.w3.org/TR/css3-background/#the-border-image ac56f8b0a06dea36978480a9225659e13cd89d03 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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 1f53024a93c0cb51df6cdb86bc08dd2e6bc9ad1e `J&eacute;r&eacute;mie Patonnier`<mailto:jeremie@patonnier.net> 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 97294bd67a4411821ea5be80bb73719d558facd8 `J&eacute;r&eacute;mie Patonnier`<mailto:jeremie@patonnier.net> 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 4ca5aa870205b498ecd726f0a7517c5781c89cdd `J&eacute;r&eacute;mie Patonnier`<mailto:jeremie@patonnier.net> 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 c51b1b1351894a2453fb909261d01df5e0bb8e5f `J&eacute;r&eacute;mie Patonnier`<mailto:jeremie@patonnier.net> 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 dc0c234367947b8a2bc47b140689f7554f90a9dd `J&eacute;r&eacute;mie Patonnier`<mailto:jeremie@patonnier.net> 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 cb4a76a5566bef6331e4174f9ca2ac0d910e02e8 `J&eacute;r&eacute;mie Patonnier`<mailto:jeremie@patonnier.net> 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 1cb1e7fefb2e9ee67d8b8a76e19fd1af71c16f85 `J&eacute;r&eacute;mie Patonnier`<mailto:jeremie@patonnier.net> 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 949a381590b6f7514c2dcd3ddecfd946269682fc `J&eacute;r&eacute;mie Patonnier`<mailto:jeremie@patonnier.net> 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 2a15a2a5263a97d7b1cd5322ea0cfea80db64685 `J&eacute;r&eacute;mie Patonnier`<mailto:jeremie@patonnier.net> 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 6422515c77405cce51f3cf276992438415ad61aa `J&eacute;r&eacute;mie Patonnier`<mailto:jeremie@patonnier.net> 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 d0cd49580c9f8ad5d06bfdc9ca0d6a6911db3fb7 `J&eacute;r&eacute;mie Patonnier`<mailto:jeremie@patonnier.net> 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 2916320d5ed83463fe654aad27c6d412a909fa86 `J&eacute;r&eacute;mie Patonnier`<mailto:jeremie@patonnier.net> 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 9b0480b9e774ee80962dabeb0f6671373e3f3acf `J&eacute;r&eacute;mie Patonnier`<mailto:jeremie@patonnier.net> 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 5129a52037d710964982479ee9e88181cbbacf36 `J&eacute;r&eacute;mie Patonnier`<mailto:jeremie@patonnier.net> 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 902b4d33531f4f22cc86b4a6072db50e9b73c351 `J&eacute;r&eacute;mie Patonnier`<mailto:jeremie@patonnier.net> 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 91220d234be891f0b01d1a4974f275a9f2578500 `J&eacute;r&eacute;mie Patonnier`<mailto:jeremie@patonnier.net> Support for 3 values for the border-image-width property
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`<mailto:reni2046@gmail.com> diamonds in corners should be red, and other diamonds should be orange, it should be 4 orange diamonds on each side.
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 74c35522b78dc93b05bbf21d4a5ee4a53f1cd964 `Intel`<http://www.intel.com> 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`<mailto:reni2046@gmail.com> 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 - <percentage> image http://www.w3.org/TR/css3-background/#the-border-image-slice 65c72cac44f48927ec95a402775c42d8f17d480d `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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 - <number> image http://www.w3.org/TR/css3-background/#the-border-image-slice c8d317551460dd21040412489996a6c738894628 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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 2a0dfc8496d5d5a90972a635ced57cc9b3a26ea2 `G&eacute;rard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> 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. So, we should see no red in this test.
border-image-slice-004 The 'border-image-slice' property with the 'fill' keyword image http://www.w3.org/TR/css3-background/#the-border-image-slice f425ef8e3feb8e574627efb81478a607bd715055 `Microsoft`<http://www.microsoft.com/> 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`<mailto:reni2046@gmail.com> 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`<mailto:leviw@chromium.org> border-image-repeat: space property spaces out background image that doesn't fit an even number of times.
border-images border-images with round repeat image http://www.w3.org/TR/css3-background/#the-border-image 4d4052e1cc45e8c09db0459361452d1b5d5fd146 `babyliner`<mailto:babyliner1026@gmail.com> 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 22d31b007dbf51ddee05647a7fd69ab97913e105 `Nokia`<http://www.nokia.com/> 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 e00cce42f431e13f9109bc7454ef6176b52bdd6c `Nokia`<http://www.nokia.com/> 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 dc4d42dca64d44ec30047c48ad03c46dd3099c72 `Nokia`<http://www.nokia.com/> 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 8fc86dbbe8ec17d71fadcf21369abe559129d4ac `Nokia`<http://www.nokia.com/> 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 f8c60ad79bb1a3f2d30290dcebace6ddd190dd82 `Nokia`<http://www.nokia.com/> 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 1bb0a018bab0c01484467586e782a1380d85c8f8 `Nokia`<http://www.nokia.com/> 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 2411449ad2567cffafd61c7c912d21d7498e9873 `Nokia`<http://www.nokia.com/> 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 2fa0e49b9306d2892e48df7b369c396285498f19 `Nokia`<http://www.nokia.com/> 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 003d322be8456f49e7589bf8eb85176e03d0a9eb `Nokia`<http://www.nokia.com/> 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 51847fc1c3cc946aa7e8a87f09208cdd79e12ae1 `Nokia`<http://www.nokia.com/> 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 ff147ec15e496afbe68662cf093429e12ece2790 `Nokia`<http://www.nokia.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> '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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> '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`<http://www.microsoft.com/> '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`<http://www.microsoft.com/> '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`<http://www.microsoft.com/> '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`<http://www.microsoft.com/> '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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> '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`<http://www.microsoft.com/> 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`<mailto:liz@oupeng.com> 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 352ff88b98719a9faae29f02c978d0847fe275f2 `Microsoft`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<mailto:silverman@adobe.com> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> '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 b387ba83b820a0718c10a1b9e2087971282efde3 `Lea Verou`<http://lea.verou.me> Effects that clip to the border or padding edge (such as &acirc;&#8364;&#732;overflow&acirc;&#8364;&#8482; other than &acirc;&#8364;&#732;visible&acirc;&#8364;&#8482;) 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`<http://www.microsoft.com/> 'Border-radius' shorthand sets all four 'border-[*]-radius' properties.
border-radius-style-001 'Border-radius' is set with 'border-style: dotted' http://www.w3.org/TR/css3-background/#the-border-color b0f47b7c8b8fb99c43466d068216b2f5b043637e `Microsoft`<http://www.microsoft.com/> '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`<http://www.microsoft.com/> '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`<http://www.microsoft.com/> '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`<http://www.microsoft.com/> '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`<http://www.microsoft.com/> '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 71a58e0a9344824756909af008eb085d260438cb `Microsoft`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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 fee3d7285f46b33082fd1465bd6244cba87b6d51 `Microsoft`<http://www.microsoft.com/> 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 999b02dfbae30e3bd6455c5f54548b2fe5e56ec3 `Nokia`<http://www.nokia.com/> 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 4a75244aabcba7f125ba3d497c6193fde304cc8a `Nokia`<http://www.nokia.com/> 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 9de863ea47e496f8759a434507d3a85bfb6562ed `Nokia`<http://www.nokia.com/> 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 b8139c742207ba4f482331b1650c02b7deffbb5b `Nokia`<http://www.nokia.com/> 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 742ca649ed72e08603141efa59dd91ea719e0767 `Nokia`<http://www.nokia.com/> 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 05c96c8616e253dfb961ac64deaaffe1aac34690 `Nokia`<http://www.nokia.com/> 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 39d20fe3751d62dd8bf552353a84b06c34754d30 `Nokia`<http://www.nokia.com/> 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 f9e92db62dbb27fcfde84964bd90f163992ee352 `Nokia`<http://www.nokia.com/> 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 5b2f5be3e7e2e55fb61fec4a969a700f814f8167 `Nokia`<http://www.nokia.com/> 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 3948e74662a6788af3496d0ce25aeb0dc2a0d617 `Nokia`<http://www.nokia.com/> 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 fbb61447c1a5e21d9eac014374cf44e6841e18e2 `Nokia`<http://www.nokia.com/> 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 3452e20a9feaa756b02375393ea213d0c93dee74 `Nokia`<http://www.nokia.com/> 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 abc3e65cd1c134f3f94c202eda0af439349ffdf9 `Nokia`<http://www.nokia.com/> 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 a025d1a6e920bdbfae9e4db2b39b2a21fe0cafde `Nokia`<http://www.nokia.com/> 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 ce7a2507948cb13e40435caf17d244d339f0efa2 `Microsoft`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> '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 991ef9ef13cad1e38f0f3dced3d11a2859dc21cf `Microsoft`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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 068955b516a82152f30b55881feef67199521d53 `Nokia`<http://www.nokia.com/> 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 562e1d3bae2558215f6580f93ba50ef861b74ea9 `Nokia`<http://www.nokia.com/> 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 9d60634621a5b5aebfb15967c95eb4f5f865e0ff `Nokia`<http://www.nokia.com/> 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 0387e361a9bd12926f3b835ea1c3379f2a6d9a9f `Nokia`<http://www.nokia.com/> 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 335d935a99d244a74d36d4c4a481a5179123016d `Nokia`<http://www.nokia.com/> 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 714ad616e4399b9c8a9ccf9fafd62ba5e2dc39c3 `Nokia`<http://www.nokia.com/> 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 4c96d024429bdc2a81af57f93b0534223c0bb3a4 `Nokia`<http://www.nokia.com/> 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 7db3427f671145cbc1743138f753d0b7c03e3887 `Nokia`<http://www.nokia.com/> 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 5133fa980c3375d3e85955ec1752e1079c33b7cd `Nokia`<http://www.nokia.com/> 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 ec80a9fd401cf6f1cbb45f56cd29403140c01783 `Nokia`<http://www.nokia.com/> 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 6044be22198fe7032ff53164915226dbd898474b `Nokia`<http://www.nokia.com/> 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 c165d7abc5b2aa7f266add1d1561949078228f01 `Nokia`<http://www.nokia.com/> 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 3cd7b5e00e8ee28be18076ef7204312707b643da `Nokia`<http://www.nokia.com/> 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 da34f4b7b8e9fa8b5f62323c478a8ce6ca5add2b `Nokia`<http://www.nokia.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> 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`<http://www.microsoft.com/> Negative values for the blur radius of the 'box-shadow' are not allowed.
box-shadow-blur-definition-001 blur computation for box-shadow http://www.w3.org/TR/css3-background/#the-box-shadow 54dbeb7c7726669361ca287a664b40433ccdeace `L. David Baron`<http://dbaron.org/>,`Mozilla Corporation`<http://mozilla.com/> 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`<mailto:joy.xczhang@gmail.com> 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`<mailto:joy.xczhang@gmail.com> 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`<mailto:joy.xczhang@gmail.com> 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`<mailto:joy.xczhang@gmail.com> box-shadow should show shadow.
box-shadow-syntax-001 Box Shadow Syntax: Reordering Components http://www.w3.org/TR/css3-background/#the-box-shadow adc70c5f810a3182f5aad7255f9dd7ec5d35f977 `Elika J. Etemad`<http://fantasai.inkedblade.net/contact> Box shadow color, inset, and length parameters can be mixed in any order, but lengths must stay adjacent.
color-behind-images Background color is drawn behind images http://www.w3.org/TR/css3-background/#the-background-color f0a536f5c70d50863079b17059b4bb1b94316f2f `Microsoft`<http://www.microsoft.com/> Background color is drawn behind any number of background images.
content-box background-clip:content-box image http://www.w3.org/TR/css3-background/#the-background-clip ed4bf3bced5f884970c1e86582a0cf3c399b7dac `finscn`<mail:finscn@gmail.com> content-box : The background is painted within (clipped to) the content box.
content-box_with_position background-clip:content-box & background-position image http://www.w3.org/TR/css3-background/#the-background-clip 2d00abfd1c37038528f0fa91a677757e43f3449b `finscn`<mail:finscn@gmail.com> content-box : The background is painted within (clipped to) the content box.
content-box_with_radius background-clip:content-box & border-radius image http://www.w3.org/TR/css3-background/#the-background-clip 7d8e75c11aeaecc54689d1d958238ca564ac56f2 `finscn`<mail:finscn@gmail.com> content-box : The background is painted within (clipped to) the content box.
content-box_with_size background-clip:content-box & background-size image http://www.w3.org/TR/css3-background/#the-background-clip c44f3680a000e8d8892e00277fb7e6675c454c54 `finscn`<mail:finscn@gmail.com> content-box : The background is painted within (clipped to) the content box.
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`<mailto:weisong4413@126.com>
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`<mailto:weisong4413@126.com> 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 209608fe88b23bae7fc21d4a667731a14cc5fc56 `tmd`<mailto:weisong4413@126.com>
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 bd8e4ee24f30c4679c830fe7964fa579ab95397a `Xie Bing`<mailto:451887565@qq.com>
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`<mailto:yanshasha133@gmail.com>
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`<mailto:yanshasha133@gmail.com>
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`<mailto:yanshasha133@gmail.com>
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`<mailto:yanshasha133@gmail.com>
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`<mailto:yanshasha133@gmail.com>
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`<mailto:yanshasha133@gmail.com>
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`<mailto:451887565@qq.com>
css3-background-size-001 reference/css3-background-size-ref background size property http://www.w3.org/TR/css3-background/#the-background-size d8dd74992b8cec94b69797867282771d6b1bb174 `yanshasha`<mailto:yanshasha133@gmail.com>
css3-background-size-contain reference/css3-background-size-contain-ref CSS3 background-size:contain http://www.w3.org/TR/css3-background/#the-background-size 05db00e845c2c0b2bfbd658efbc9cb432322284b `Yue Hu`<mailto:miniwade514@gmail.com>
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`<mailto:yanshasha133@gmail.com>
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`<mailto:yanshasha133@gmail.com>
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`<mailto:yanshasha133@gmail.com>
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`<mailto:451887565@qq.com>
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 247dac0de48f90b72e13fb4394accb835cfe7b4b `Jeff Walden`<http://whereswalden.com/>
none-as-image-layer None counts as an image layer http://www.w3.org/TR/css3-background/#the-background-image 3c26f26e7017ddf4e3e5ec05eed3e1eb5eb4ab42 `Microsoft`<http://www.microsoft.com/> '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`<http://www.microsoft.com/> Background images are listed in order, with the first image being rendered on top of all the other images, and so on.
padding-box background-clip:padding-box image http://www.w3.org/TR/css3-background/#the-background-clip cc74f206e21d06cf07b434aa29b7b58b7c75e9a9 `finscn`<mail:finscn@gmail.com> padding-box : The background is painted within (clipped to) the padding box
padding-box_with_position background-clip:padding-box & background-position image http://www.w3.org/TR/css3-background/#the-background-clip 7367748e8f6dbc4fb9463ad8255ebba0c3b074fc `finscn`<mail:finscn@gmail.com> padding-box : The background is painted within (clipped to) the padding box
padding-box_with_radius background-clip:padding-box & border-radius image http://www.w3.org/TR/css3-background/#the-background-clip c0c2adbf0526763a21c17792fc8a2cec026c1282 `finscn`<mail:finscn@gmail.com> padding-box : The background is painted within (clipped to) the padding box
padding-box_with_size background-clip:padding-box & background-size image http://www.w3.org/TR/css3-background/#the-background-clip 21ceba033158b786e7cc133c2e04585ec54c1776 `finscn`<mail:finscn@gmail.com> padding-box : The background is painted within (clipped to) the padding box
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`<http://www.google.com/> 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 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 6772e61cb81749f6bdd8188a3c42d6106f0aba4a `Jeff Walden`<http://whereswalden.com/>
tall--auto--percent-width-nonpercent-height 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 ff9e0cca3364233a00dd675e8d157224e0dfdce3 `Jeff Walden`<http://whereswalden.com/>
tall--auto--percent-width-nonpercent-height-viewbox 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 dfb287a09bb8abfbbb0d9a46e2ceb444ea5f5644 `Jeff Walden`<http://whereswalden.com/>
tall--auto--percent-width-omitted-height 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 386e6e2c5650c2413ed393fd90d8129403d90d78 `Jeff Walden`<http://whereswalden.com/>
tall--auto--percent-width-omitted-height-viewbox 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 f3b6187c3da0bd3d57a7dfaaf6b14fc8c8bd63dd `Jeff Walden`<http://whereswalden.com/>
tall--auto--percent-width-percent-height 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 ea4c87652c9fb4bdf83075775f530c2ed42eb5fe `Jeff Walden`<http://whereswalden.com/>
tall--auto--percent-width-percent-height-viewbox 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 bae4bbe7afa0cc393a723ced389afcc69f808b6b `Jeff Walden`<http://whereswalden.com/>
tall--auto-32px--nonpercent-width-nonpercent-height 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 35b1b122526132dcd60cc0b985b871b6381edd62 `Jeff Walden`<http://whereswalden.com/>
tall--auto-32px--nonpercent-width-nonpercent-height-viewbox 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 0ba76641003f5765d968189399e4a7ed3b78edda `Jeff Walden`<http://whereswalden.com/>
tall--auto-32px--nonpercent-width-omitted-height 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 a7d6ce0af61e8e1028d3f1f4d5b1908e9748a0e2 `Jeff Walden`<http://whereswalden.com/>
tall--auto-32px--nonpercent-width-omitted-height-viewbox 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 adb87766102ee3cacb734bc9ade0ea7783e4c2f9 `Jeff Walden`<http://whereswalden.com/>
tall--auto-32px--nonpercent-width-percent-height 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 3590da9cfe44b0e0cb234548e77487f823d2cccf `Jeff Walden`<http://whereswalden.com/>
tall--auto-32px--nonpercent-width-percent-height-viewbox 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 b4b231a793e306426122363ab790763668ca0472 `Jeff Walden`<http://whereswalden.com/>
tall--auto-32px--omitted-width-nonpercent-height 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 cda36e81a61b9d5c7f5b1664baa38efe4018b740 `Jeff Walden`<http://whereswalden.com/>
tall--auto-32px--omitted-width-nonpercent-height-viewbox 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 7d094a567a6e1d387140cd563776d6e73c4e5bf1 `Jeff Walden`<http://whereswalden.com/>
tall--auto-32px--omitted-width-omitted-height 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 66adda6a5b97364cfd0c92873b547e6628fb48ae `Jeff Walden`<http://whereswalden.com/>
tall--auto-32px--omitted-width-omitted-height-viewbox 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 11562d00848858b8f175993b3a2e56d7c7079ef1 `Jeff Walden`<http://whereswalden.com/>
tall--auto-32px--omitted-width-percent-height 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 ab6c8196f48265720d06ffb8a4235e6547ced618 `Jeff Walden`<http://whereswalden.com/>
tall--auto-32px--omitted-width-percent-height-viewbox 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 8459f3903ffa3cbd6b8bf100c411c4239efffd10 `Jeff Walden`<http://whereswalden.com/>
tall--auto-32px--percent-width-nonpercent-height 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 3a70031929beaa25f004ede57933ffb078e17d7b `Jeff Walden`<http://whereswalden.com/>
tall--auto-32px--percent-width-nonpercent-height-viewbox 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 a381ef474490305e3125bc7c6ad7a6de84101d59 `Jeff Walden`<http://whereswalden.com/>
tall--auto-32px--percent-width-omitted-height 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 f4420f48c1240744e89fca7da23a98eab3a9cb68 `Jeff Walden`<http://whereswalden.com/>
tall--auto-32px--percent-width-omitted-height-viewbox 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 4dcd978de173f0810b74b89e99d30fbb9b08acb4 `Jeff Walden`<http://whereswalden.com/>
tall--auto-32px--percent-width-percent-height 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 ffd269d94e6c42112d548b0976b29cb7350f0053 `Jeff Walden`<http://whereswalden.com/>
tall--auto-32px--percent-width-percent-height-viewbox 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 6fcdf8324a52dc213bec7fdfd9a5338c63edf122 `Jeff Walden`<http://whereswalden.com/>
tall--contain--height 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 7caf6bdc1594eab09ba15d0d1747abc670081c54 `Jeff Walden`<http://whereswalden.com/>
tall--contain--nonpercent-width-nonpercent-height 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 4b4da23c7fef366e8736c2c552bfe1bc0701bb73 `Jeff Walden`<http://whereswalden.com/>
tall--contain--nonpercent-width-nonpercent-height-viewbox 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 1e82600ba408b05a01d240da6cb7f4475551d29c `Jeff Walden`<http://whereswalden.com/>
tall--contain--nonpercent-width-omitted-height 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 44aa0220ee0dc3f4f7c6d73cec8bdae333a75cfb `Jeff Walden`<http://whereswalden.com/>
tall--contain--nonpercent-width-omitted-height-viewbox 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 00b09a7afa740b2660097b4513f4efb9a8a7478a `Jeff Walden`<http://whereswalden.com/>
tall--contain--nonpercent-width-percent-height 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 0f7c37cae4102c6cf1f10eeda6e4324556e9f536 `Jeff Walden`<http://whereswalden.com/>
tall--contain--nonpercent-width-percent-height-viewbox 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 cfaec01967491c14cf9196c3066e9a0fcf8399cb `Jeff Walden`<http://whereswalden.com/>
tall--contain--omitted-width-nonpercent-height 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 a8660e2a2a65688eed28e7638319ca473988ec34 `Jeff Walden`<http://whereswalden.com/>
tall--contain--omitted-width-nonpercent-height-viewbox 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 c7bfd4daa9395516704b81fd272f01512d840ecc `Jeff Walden`<http://whereswalden.com/>
tall--contain--omitted-width-omitted-height 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 bed38109d0dfa2dccca50c7c76e2d945c997b3f6 `Jeff Walden`<http://whereswalden.com/>
tall--contain--omitted-width-omitted-height-viewbox 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 367dd1bacda1282634cf495a82768ca69ebcf017 `Jeff Walden`<http://whereswalden.com/>
tall--contain--omitted-width-percent-height 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 48477fd2ec8d313442e881c3b73cdede602be020 `Jeff Walden`<http://whereswalden.com/>
tall--contain--omitted-width-percent-height-viewbox 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 261930f4b1158748bc69baa7adf334eac7e64d9f `Jeff Walden`<http://whereswalden.com/>
tall--contain--percent-width-nonpercent-height 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 b355100b0e3adafd636fe997c01543b39ce06c28 `Jeff Walden`<http://whereswalden.com/>
tall--contain--percent-width-nonpercent-height-viewbox 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 f84ebd7ba1d4e4bb73c28e5e2c4f48b2219efa4b `Jeff Walden`<http://whereswalden.com/>
tall--contain--percent-width-omitted-height 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 ab5e18cb8b59666d23266ff11f6c634ad7d16e4a `Jeff Walden`<http://whereswalden.com/>
tall--contain--percent-width-omitted-height-viewbox 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 adf50eb313eee9ff148615eed4e62ee93584acd0 `Jeff Walden`<http://whereswalden.com/>
tall--contain--percent-width-percent-height 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 ffc2dbbb8d1e6e20e9ce7c209ea98823e09d3305 `Jeff Walden`<http://whereswalden.com/>
tall--contain--percent-width-percent-height-viewbox 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 656b477383dae42265c5a13e8571b8a31d20a9bf `Jeff Walden`<http://whereswalden.com/>
tall--contain--width 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 3205542dc4f000cfdfbf29c93713a43deb1aaf70 `Jeff Walden`<http://whereswalden.com/>
tall--cover--height 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 1f9035e01fb122368c1f12238bb8f3f0b0909cee `Jeff Walden`<http://whereswalden.com/>
tall--cover--nonpercent-width-nonpercent-height 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 7969d4828e366e1db49b398d9010fba1d06f8320 `Jeff Walden`<http://whereswalden.com/>
tall--cover--nonpercent-width-nonpercent-height--crisp 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 5e3b7c7c289c9328f18abe03bfe2a1103dad9dce `Jeff Walden`<http://whereswalden.com/>
tall--cover--nonpercent-width-nonpercent-height-viewbox 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 68cd077b995b0c50359e4251b92e44197b363b5a `Jeff Walden`<http://whereswalden.com/>
tall--cover--nonpercent-width-nonpercent-height-viewbox--crisp 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 0c999f9cb76108b996664651d6c6f14afb39625e `Jeff Walden`<http://whereswalden.com/>
tall--cover--nonpercent-width-omitted-height 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 faa4dfaf76a847396e0e8173816b7b6faee845bc `Jeff Walden`<http://whereswalden.com/>
tall--cover--nonpercent-width-omitted-height-viewbox 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 5ade23707d9a9ec5f14ebe37d1213187d8642eec `Jeff Walden`<http://whereswalden.com/>
tall--cover--nonpercent-width-percent-height 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 523c0eccbb3e194dfc6a05f9161dee995870cb3d `Jeff Walden`<http://whereswalden.com/>
tall--cover--nonpercent-width-percent-height-viewbox 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 16ce9a763536e6db53ae7089083b22e880b748b0 `Jeff Walden`<http://whereswalden.com/>
tall--cover--omitted-width-nonpercent-height 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 4520c916972f92224e44071a683700eed073b29f `Jeff Walden`<http://whereswalden.com/>
tall--cover--omitted-width-nonpercent-height-viewbox 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 cfc51612688e8655e8ba76919eb9cdbb1107b114 `Jeff Walden`<http://whereswalden.com/>
tall--cover--omitted-width-omitted-height 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 3d30bf0d33d7f1a14063cf84d2e39092bb70fe36 `Jeff Walden`<http://whereswalden.com/>
tall--cover--omitted-width-omitted-height-viewbox 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 3fa3011cad0c50496e82d8da7a3362535c085874 `Jeff Walden`<http://whereswalden.com/>
tall--cover--omitted-width-percent-height 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 f14667830f8299d5697b166142e22b6ad7933628 `Jeff Walden`<http://whereswalden.com/>
tall--cover--omitted-width-percent-height-viewbox 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 2bd20f822d8dd16db23780a73f5bdb4b17483572 `Jeff Walden`<http://whereswalden.com/>
tall--cover--percent-width-nonpercent-height 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 766246a8703362f04150c476b02427ad2ddda953 `Jeff Walden`<http://whereswalden.com/>
tall--cover--percent-width-nonpercent-height-viewbox 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 289ee30eaa64ec3be35a1c356be93ca6fdf31ef0 `Jeff Walden`<http://whereswalden.com/>
tall--cover--percent-width-omitted-height 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 d1bf86591ebb32814dc0da55cdeeb5ed6f00b393 `Jeff Walden`<http://whereswalden.com/>
tall--cover--percent-width-omitted-height-viewbox 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 f60c5e286425f464dc0d0a481d6f11c94ecbbe36 `Jeff Walden`<http://whereswalden.com/>
tall--cover--percent-width-percent-height 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 e92e1d131de2c9e2ceb35dea6971a8452769bcce `Jeff Walden`<http://whereswalden.com/>
tall--cover--percent-width-percent-height-viewbox 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 c132dd7c8d98fa5250256c1559892c264faeba07 `Jeff Walden`<http://whereswalden.com/>
tall--cover--width 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 bc2aaa22f73292e748c7b6c7ffb7d180f7b3e594 `Jeff Walden`<http://whereswalden.com/>
ttwf-css3background-border-color border_color image http://www.w3.org/TR/css3-background/#the-border-color 299ea11bee0211784d2ee1d31dba620a91405d91 `disound`<mailto:disound@gmail.com> '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`<mailto:disound@gmail.com> '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`<mailto:disound@gmail.com> '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`<mailto:disound@gmail.com> '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`<mailto:disound@gmail.com> '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 98c2dcbb4586b3ea24fe6163fe0181d5ed08fe9e `disound`<mailto:disound@gmail.com> &acirc;&#8364;&#732;Border-style&acirc;&#8364;&#8482; is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.
ttwf-css3background-border-style-double border_style_double image http://www.w3.org/TR/css3-background/#the-border-style 5146fbf273ee7beacbaf7ec04dece3cbc333ee46 `disound`<mailto:disound@gmail.com> &acirc;&#8364;&#732;Border-style&acirc;&#8364;&#8482; is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. &acirc;&#8364;&#732;double&acirc;&#8364;&#8482;: 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 &acirc;&#8364;&#732;border-width&acirc;&#8364;&#8482;.)
ttwf-css3background-border-style-shorthand border_style_shorthand image http://www.w3.org/TR/css3-background/#the-border-style eb900fbf6577d4d9d2e3c8f7ed48e8f648a33443 `disound`<mailto:disound@gmail.com> &acirc;&#8364;&#732;Border-style&acirc;&#8364;&#8482; is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.
ttwf-css3background-border-style-shorthand-missing-bottom border_style image http://www.w3.org/TR/css3-background/#the-border-style b0a6190082f414dfde0c5cf51b4ae695d4c5574c `disound`<mailto:disound@gmail.com> &acirc;&#8364;&#732;Border-style&acirc;&#8364;&#8482; is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.
ttwf-css3background-border-style-shorthand-missing-left border_style image http://www.w3.org/TR/css3-background/#the-border-style 18129027c8a603a68518f78d6dc920c6292d892d `disound`<mailto:disound@gmail.com> &acirc;&#8364;&#732;Border-style&acirc;&#8364;&#8482; is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.
ttwf-css3background-border-style-values border_style_values http://www.w3.org/TR/css3-background/#the-border-style 08b3f83499c141185fc5ac49431776b31874c2b5 `disound`<mailto:disound@gmail.com> &acirc;&#8364;&#732;Border-style&acirc;&#8364;&#8482; is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. <border-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset
ttwf-reftest-background-repeat-x reference/ttwf-reftest-background-repeat-x-ref transform property with translate function http://www.w3.org/TR/css3-background/#the-background-repeat 825448c2080e3d6aa5f2a659b955eeab72f735fe `zhenyu_w3c`<mailto:77765477@163.com> You should only see the img with two color render on the X directions.
ttwf-reftest-borderRadius reference/ttwf-reftest-borderRadius-ref Test Background and border http://www.w3.org/TR/css3-background/#border-radius-tables 520e05854c603544168be10d2a87087c34aef60c `Jinlong Zhang`<mailto:jinlongz@oupeng.com> Table with 'border-collapse: collapse;' declaration, it's 'border-radius' style will not work.
wide--12px-auto--nonpercent-width-nonpercent-height 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 08a11de88188d9812d5e8785ccdcb2f038cba065 `Jeff Walden`<http://whereswalden.com/>
wide--12px-auto--nonpercent-width-nonpercent-height-viewbox 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 67af4e85cda891d8a0e44786fd63abbc2aa13b69 `Jeff Walden`<http://whereswalden.com/>
wide--12px-auto--nonpercent-width-omitted-height 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 d29ef303bf996a12e70340866f192a4858e74581 `Jeff Walden`<http://whereswalden.com/>
wide--12px-auto--nonpercent-width-omitted-height-viewbox 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 9981688800aa7a3f9f7cd1acbd9f5d209e6239e6 `Jeff Walden`<http://whereswalden.com/>
wide--12px-auto--nonpercent-width-percent-height 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 943e78c63dd23978557eae9b22ef3a9f5d9681d2 `Jeff Walden`<http://whereswalden.com/>
wide--12px-auto--nonpercent-width-percent-height-viewbox 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 dee0d82d10819527c0cdaaed39c203094fbfe8f8 `Jeff Walden`<http://whereswalden.com/>
wide--12px-auto--omitted-width-nonpercent-height 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 65f13dafab74d58553b16baa094332c1e78d5bc7 `Jeff Walden`<http://whereswalden.com/>
wide--12px-auto--omitted-width-nonpercent-height-viewbox 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 02317e60dd95fe4cc1e1d2e06c01936d2dbfc9d6 `Jeff Walden`<http://whereswalden.com/>
wide--12px-auto--omitted-width-omitted-height 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 ff67a3e53864c8c38e2bde172accdb86c10ed738 `Jeff Walden`<http://whereswalden.com/>
wide--12px-auto--omitted-width-omitted-height-viewbox 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 2f65d21e2c89ba1cdd4825c638063c0c26c23efe `Jeff Walden`<http://whereswalden.com/>
wide--12px-auto--omitted-width-percent-height 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 4ed2723162e26123263e1c741d6bd81956189cca `Jeff Walden`<http://whereswalden.com/>
wide--12px-auto--omitted-width-percent-height-viewbox 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 ce6c868c137a32234420293aac836d36398060a8 `Jeff Walden`<http://whereswalden.com/>
wide--12px-auto--percent-width-nonpercent-height 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 90533c34970728ef65b556b958351c1f2c2a9d98 `Jeff Walden`<http://whereswalden.com/>
wide--12px-auto--percent-width-nonpercent-height-viewbox 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 d6749b97276101da9854b7d9ff4fdbf088203503 `Jeff Walden`<http://whereswalden.com/>
wide--12px-auto--percent-width-omitted-height 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 3cd92464a403c58304cfac478eace61d88743c3d `Jeff Walden`<http://whereswalden.com/>
wide--12px-auto--percent-width-omitted-height-viewbox 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 b4f81a452edc5bbef5b0dfd3dd78d6b4da60d16e `Jeff Walden`<http://whereswalden.com/>
wide--12px-auto--percent-width-percent-height 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 5ad90cde7e761210e26a6d69a5ca315b695376cd `Jeff Walden`<http://whereswalden.com/>
wide--12px-auto--percent-width-percent-height-viewbox 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 a2a197f559018228e8fac3699a1b58769c782d0d `Jeff Walden`<http://whereswalden.com/>
wide--auto--nonpercent-width-nonpercent-height 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 7023b9ee5237fe25edef3de7b424d254c63e0936 `Jeff Walden`<http://whereswalden.com/>
wide--auto--nonpercent-width-nonpercent-height-viewbox 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 da333d9d758e8e7fc9aa076b6f916f11f55d436e `Jeff Walden`<http://whereswalden.com/>
wide--auto--nonpercent-width-omitted-height 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 3382d13c51b757585ed762a798631b025ec3aea4 `Jeff Walden`<http://whereswalden.com/>
wide--auto--nonpercent-width-omitted-height-viewbox 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 e559d8c1413a8071b5616b9de83aa9d8d4fa4c0b `Jeff Walden`<http://whereswalden.com/>
wide--auto--nonpercent-width-percent-height 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 2c3ecac4abd926e2a41d2ef4eb6114cc1e0d2f73 `Jeff Walden`<http://whereswalden.com/>
wide--auto--nonpercent-width-percent-height-viewbox 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 5e845a03f8d9815982adaad5ddf57d46bd345863 `Jeff Walden`<http://whereswalden.com/>
wide--auto--omitted-width-nonpercent-height 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 78b16562d3f3123a81fef4e2e65a96a8fc1e7ee3 `Jeff Walden`<http://whereswalden.com/>
wide--auto--omitted-width-nonpercent-height-viewbox 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 8e53c082f89491c3eb45851af4ad05089460e95b `Jeff Walden`<http://whereswalden.com/>
wide--auto--omitted-width-omitted-height 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 1358d24a494a73086fa36671452cc50e16a1bd06 `Jeff Walden`<http://whereswalden.com/>
wide--auto--omitted-width-omitted-height-viewbox 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 5bcffec616d08ffac53bf98c320b5516f357e283 `Jeff Walden`<http://whereswalden.com/>
wide--auto--omitted-width-percent-height 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 c6c7fc9a63598a8e19fb71cdf3166d62634c08eb `Jeff Walden`<http://whereswalden.com/>
wide--auto--omitted-width-percent-height-viewbox 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 7997a4656ccd6a918c72305fb4fee62e6e543594 `Jeff Walden`<http://whereswalden.com/>
wide--auto--percent-width-nonpercent-height 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 cff849173c06c1c109efe6f74483279a404e29b4 `Jeff Walden`<http://whereswalden.com/>
wide--auto--percent-width-nonpercent-height-viewbox 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 03a14f75b294086f3556a0d13e4e83a95d8ffacd `Jeff Walden`<http://whereswalden.com/>
wide--auto--percent-width-omitted-height 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 4a4788dd0d1b7f1ff943c6e1ed7184d65cb5da13 `Jeff Walden`<http://whereswalden.com/>
wide--auto--percent-width-omitted-height-viewbox 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 fa7509ec493aef1580849cfb23a5cd4f98b81600 `Jeff Walden`<http://whereswalden.com/>
wide--auto--percent-width-percent-height 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 dc940837f0ef6ae68c92a70a0d6c7bcd0e969f0c `Jeff Walden`<http://whereswalden.com/>
wide--auto--percent-width-percent-height-viewbox 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 ba59d1189af58c3e30801c57f81bb00c82fdab9e `Jeff Walden`<http://whereswalden.com/>
wide--auto-32px--nonpercent-width-nonpercent-height 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 eb1aff4f053ac809282356bb0f392e6666e4db81 `Jeff Walden`<http://whereswalden.com/>
wide--auto-32px--nonpercent-width-nonpercent-height-viewbox 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 2526339c0789fb849f6b37e58c106050a8eaec2e `Jeff Walden`<http://whereswalden.com/>
wide--auto-32px--nonpercent-width-omitted-height 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 fee4b7afe09456d5ae89c210bc3e260d44c345f8 `Jeff Walden`<http://whereswalden.com/>
wide--auto-32px--nonpercent-width-omitted-height-viewbox 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 97ecbaee04f3a838ca20bf72c1ff8b3d7ade099f `Jeff Walden`<http://whereswalden.com/>
wide--auto-32px--nonpercent-width-percent-height 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 7fc750fda3a377e881f1cd59d22d5fc31a879500 `Jeff Walden`<http://whereswalden.com/>
wide--auto-32px--nonpercent-width-percent-height-viewbox 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 b1cb8893df89b826397e18a688e4c47f060ac982 `Jeff Walden`<http://whereswalden.com/>
wide--auto-32px--omitted-width-nonpercent-height 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 236124f5c073992cdb97bc43bc849f74a02b522f `Jeff Walden`<http://whereswalden.com/>
wide--auto-32px--omitted-width-nonpercent-height-viewbox 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 37b6b8c653ba1326f5e20839db628e11b1d2f377 `Jeff Walden`<http://whereswalden.com/>
wide--auto-32px--omitted-width-omitted-height 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 cb79a35b6b1576561c73ff1b47e2852056f30017 `Jeff Walden`<http://whereswalden.com/>
wide--auto-32px--omitted-width-omitted-height-viewbox 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 0afd8ac225e66a818154b7c4706a547892f34a59 `Jeff Walden`<http://whereswalden.com/>
wide--auto-32px--omitted-width-percent-height 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 7ddf3b05567791119cd3f622e560de1a8213943b `Jeff Walden`<http://whereswalden.com/>
wide--auto-32px--omitted-width-percent-height-viewbox 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 3ab4e4a72d6710e852110cc01b5dfd975ec2fcb9 `Jeff Walden`<http://whereswalden.com/>
wide--auto-32px--percent-width-nonpercent-height 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 71a1980009cc5c068b8bdd05f39592d3a3103a99 `Jeff Walden`<http://whereswalden.com/>
wide--auto-32px--percent-width-nonpercent-height-viewbox 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 4fa4eff9cabd727c90a073d2d76da2dd8f273930 `Jeff Walden`<http://whereswalden.com/>
wide--auto-32px--percent-width-omitted-height 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 4612859fcca372f8ad015752385287fda2e43d93 `Jeff Walden`<http://whereswalden.com/>
wide--auto-32px--percent-width-omitted-height-viewbox 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 e2b02d24a5fc7842ec0b6fdc333569425d461d8f `Jeff Walden`<http://whereswalden.com/>
wide--auto-32px--percent-width-percent-height 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 e540c613182418067505da640c2fc8af08dda7cc `Jeff Walden`<http://whereswalden.com/>
wide--auto-32px--percent-width-percent-height-viewbox 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 1b83151499a9153b14e83e2c147d12e2a15a77a4 `Jeff Walden`<http://whereswalden.com/>
wide--contain--height 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 4992cfd2e6072e6f86996b883c26198defb9d46a `Jeff Walden`<http://whereswalden.com/>
wide--contain--nonpercent-width-nonpercent-height 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 bfcdd4cd86e98e89e5f829758e9fe8e5cb2086c4 `Jeff Walden`<http://whereswalden.com/>
wide--contain--nonpercent-width-nonpercent-height-viewbox 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 2d8f0535bdc0e64eea74a0f2e18766133a438d98 `Jeff Walden`<http://whereswalden.com/>
wide--contain--nonpercent-width-omitted-height 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 1dbc0ef7ebb18eb2ac6593db3ec5179eea4e0082 `Jeff Walden`<http://whereswalden.com/>
wide--contain--nonpercent-width-omitted-height-viewbox 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 920fc3218892cb6fe6435794d882ec4b777434ef `Jeff Walden`<http://whereswalden.com/>
wide--contain--nonpercent-width-percent-height 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 a637078c5dd45f5b000695b3232e7aafc318722b `Jeff Walden`<http://whereswalden.com/>
wide--contain--nonpercent-width-percent-height-viewbox 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 9c2ad6a391fcfaa4418e803a90d512fae20296cc `Jeff Walden`<http://whereswalden.com/>
wide--contain--omitted-width-nonpercent-height 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 db863a21c84d1ef4321f87d338ecf3bcf05b18fd `Jeff Walden`<http://whereswalden.com/>
wide--contain--omitted-width-nonpercent-height-viewbox 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 b2603f0051f12e0f8ccaf5b4b36d7dc6c2ca8323 `Jeff Walden`<http://whereswalden.com/>
wide--contain--omitted-width-omitted-height 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 afb3a21aa686c3b916df683525d75a96d8f48b8e `Jeff Walden`<http://whereswalden.com/>
wide--contain--omitted-width-omitted-height-viewbox 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 727a8e03695d9eb93f81c5e9599850bf371fea65 `Jeff Walden`<http://whereswalden.com/>
wide--contain--omitted-width-percent-height 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 e0319873c7c5aad848a633bf13ef1ecd071d56c8 `Jeff Walden`<http://whereswalden.com/>
wide--contain--omitted-width-percent-height-viewbox 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 cde5376a02cfc18393d2f41a1957f4d6a956d419 `Jeff Walden`<http://whereswalden.com/>
wide--contain--percent-width-nonpercent-height 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 557cabef7541295b85ee464631501c8a154aae08 `Jeff Walden`<http://whereswalden.com/>
wide--contain--percent-width-nonpercent-height-viewbox 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 b2cd2f6de6a6812a3b5d6d3af2ee779b7b41102c `Jeff Walden`<http://whereswalden.com/>
wide--contain--percent-width-omitted-height 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 45317fe645d13b9411ee1a014bdf8a443d260b7f `Jeff Walden`<http://whereswalden.com/>
wide--contain--percent-width-omitted-height-viewbox 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 c6e180d11a36f644aad98ab89044de6e6401dabd `Jeff Walden`<http://whereswalden.com/>
wide--contain--percent-width-percent-height 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 e1af8b47d4da5daa6c8f961ffd7d58b9eee3f90a `Jeff Walden`<http://whereswalden.com/>
wide--contain--percent-width-percent-height-viewbox 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 a77886935c4c3bef3d7e98652dcf7444b25b7eda `Jeff Walden`<http://whereswalden.com/>
wide--contain--width 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 3fb3bfdc719323fce7579a5354904b4cd0550443 `Jeff Walden`<http://whereswalden.com/>
wide--cover--height 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 85a8d397737536c62fb1fcb52a672342886795af `Jeff Walden`<http://whereswalden.com/>
wide--cover--nonpercent-width-nonpercent-height 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 82b9e44ce341eda5f46f1d9969cf1da2b9542e88 `Jeff Walden`<http://whereswalden.com/>
wide--cover--nonpercent-width-nonpercent-height-viewbox 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 f49f8b2eeb06c339975d6ada694661ff222fa4d8 `Jeff Walden`<http://whereswalden.com/>
wide--cover--nonpercent-width-omitted-height 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 4d63810dd83dd54151ce32f751389946a3334ea5 `Jeff Walden`<http://whereswalden.com/>
wide--cover--nonpercent-width-omitted-height-viewbox 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 b49f810865f2b46075d4e138455ced4bb6daf377 `Jeff Walden`<http://whereswalden.com/>
wide--cover--nonpercent-width-percent-height 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 e04f4c469c38efb525e96ddd7b48e2498af9b976 `Jeff Walden`<http://whereswalden.com/>
wide--cover--nonpercent-width-percent-height-viewbox 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 2395959a151618a72f1db0d447ab19adcca67a7b `Jeff Walden`<http://whereswalden.com/>
wide--cover--omitted-width-nonpercent-height 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 d165e65d0b8df33252fe85df31f299c6d6aff577 `Jeff Walden`<http://whereswalden.com/>
wide--cover--omitted-width-nonpercent-height-viewbox 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 f7ee0f684d66b4ad1a790b1aae5e92a18ce76ee5 `Jeff Walden`<http://whereswalden.com/>
wide--cover--omitted-width-omitted-height 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 de8258c8e10d956abd947b37444c895978ac61be `Jeff Walden`<http://whereswalden.com/>
wide--cover--omitted-width-omitted-height-viewbox 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 e78a52f6daf40646a737ff34ec3171ac3cc752f8 `Jeff Walden`<http://whereswalden.com/>
wide--cover--omitted-width-percent-height 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 94125172ea0a0e15a1ba523f5eb52fea33d642e7 `Jeff Walden`<http://whereswalden.com/>
wide--cover--omitted-width-percent-height-viewbox 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 d7a1f3ab80980ab69d1e0c27a42bece3035c7321 `Jeff Walden`<http://whereswalden.com/>
wide--cover--percent-width-nonpercent-height 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 932f1f09d9c2d78e8bbc2b89f307551639eb26b2 `Jeff Walden`<http://whereswalden.com/>
wide--cover--percent-width-nonpercent-height-viewbox 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 f6b912ee868881806ab259ad705131ebee80c921 `Jeff Walden`<http://whereswalden.com/>
wide--cover--percent-width-omitted-height 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 a93a844e5c422ee2254c9b91bfbecc8ad2543e23 `Jeff Walden`<http://whereswalden.com/>
wide--cover--percent-width-omitted-height-viewbox 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 57bc3827263de10629a714c56b422c20ddf9f7c4 `Jeff Walden`<http://whereswalden.com/>
wide--cover--percent-width-percent-height 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 fae21d6db05e87b9ba6691cf0644023bc89ad799 `Jeff Walden`<http://whereswalden.com/>
wide--cover--percent-width-percent-height-viewbox 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 aa1483c45941e8119eaebab0321c2b9a0bde5daf `Jeff Walden`<http://whereswalden.com/>
wide--cover--width 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 93f03c2e34b5765127e8d942a23d52574d4e1bfc `Jeff Walden`<http://whereswalden.com/>
zero-height-ratio-5px-auto 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 303b518fb28be5b882ffde1789cb3f91a2f41c7a `Jeff Walden`<http://whereswalden.com/>
zero-height-ratio-auto-5px 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 f899696ca1aaf0fae0ed3e0413b3e3732acf34b0 `Jeff Walden`<http://whereswalden.com/>
zero-height-ratio-auto-auto 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 2788309a1d6ba339e2d413add471ab52975eb662 `Jeff Walden`<http://whereswalden.com/>
zero-height-ratio-contain 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 c6c26155972d99532aff10ceaa220caa5092ba40 `Jeff Walden`<http://whereswalden.com/>
zero-height-ratio-cover 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 eab1463bcbb9c0ad5fd3ddbac116545d772dc526 `Jeff Walden`<http://whereswalden.com/>
zero-ratio-no-dimensions-5px-auto 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 4c702aca31c162108e6c1791c6dd9fee4ef48b49 `Jeff Walden`<http://whereswalden.com/>
zero-ratio-no-dimensions-auto-5px 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 4924c05984d37f1540ecaa6b9216d588d0ef54de `Jeff Walden`<http://whereswalden.com/>
zero-ratio-no-dimensions-auto-auto 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 99f22826c45f6c879fb1fbaf1d27723094470dcc `Jeff Walden`<http://whereswalden.com/>
zero-ratio-no-dimensions-contain 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 c818084b8ebb1927412174aed23fb646d139c31c `Jeff Walden`<http://whereswalden.com/>
zero-ratio-no-dimensions-cover 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 8bf9f1beb78795cf9d9f256b2b53261215a936f5 `Jeff Walden`<http://whereswalden.com/>
zero-width-ratio-5px-auto 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 6fed86defb9d727540e7f7d8c83cf273fc34f70b `Jeff Walden`<http://whereswalden.com/>
zero-width-ratio-auto-5px 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 0f3cf6a0cdd366d7814b3f49db53c7140cec4e63 `Jeff Walden`<http://whereswalden.com/>
zero-width-ratio-auto-auto 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 96edb88c27a029a73727e255c341efcf8fed1e2d `Jeff Walden`<http://whereswalden.com/>
zero-width-ratio-contain 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 3596e66899559a5926a0d2d94448bc3d14899365 `Jeff Walden`<http://whereswalden.com/>
zero-width-ratio-cover 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 05d9c21441222adb0d8701ea7749f00f48d5b3de `Jeff Walden`<http://whereswalden.com/>
Reference in a new issue View git blame Copy permalink