|
|
|
|
@ -41,32 +41,32 @@ background-022 reference/background-001-ref Background with (position color) ht
|
|
|
|
|
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 6ea5a471d7dd20d6544c2a86c2696d32ee26fabd `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 'background-attachment: local' http://www.w3.org/TR/css3-background/#the-background-attachment 6947df98c06fb21d63351e8fa064e8575ae3853b `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-331 background shorthand - initial values dom,script http://www.w3.org/TR/css3-background/#the-background 9ad1789b25906d24e96b1241e77f8dd3fd18d2bd `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 842b704b94b796aef7bbc8bf9e8638c28ececaeb `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 8ccb9e1f75420be6de516dcb4cb44337181b22a7 `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 3cde8daeede5cb0c3186d873120eb6d330e9a2f6 `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 3ee0f3925aae6a006c51b3b6acee45141ff69cd4 `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 8712e7d1c5fedf817e0c43522cad7e0f2120212b `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 315b20442cda4548c849e3cd177344fd4d96e691 `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 7b6275730db22fc02b5a47681d4a666909ff641e `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 'background-attachment: local' http://www.w3.org/TR/css3-background/#the-background-attachment 26b9d85dd9d59803cb7675f420a9c4996d5fd4ca `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 9bebf810097c26e91e070c70cc455cc1ac4a1f4a `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 c544413ed743ab21983e21cc9c7fbef4fa3801b0 `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 dded3aa8be206272d1c725d1105ab0937c0a8d87 `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 33522def1ab90b2106c85dda1cd3a723a52a4a4b `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 8793eb60c731da552d9f6a648c65bc062642a29e `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 ea89891eb2e8b40978f9f21fb4f0c494fcff2f03 `Intel`<http://www.intel.com> Background-clip with 'inherit' implies to inherit its parent element value to paint the background area.
|
|
|
|
|
background-clip-006 reference/background-clip-005-ref background-clip - inherit keyword value http://www.w3.org/TR/css3-background/#the-background-clip,http://www.w3.org/TR/css3-background/#value-types 52c2ec713e57be48c8f3d4340b17ebb1e66384e4 `Intel`<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 c72360bccc03a55653feaebc7914a21fefcdfa82 `Julien Chaffraix`<mailto:jchaffraix@webkit.org>,`Gé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 4fb20f112375611b85cb273c0080f50bcbe4adbe `Julien Chaffraix`<mailto:jchaffraix@webkit.org>,`Gé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 6dfbfd7ba1adc4a2fd06435210345e875f60512e `Julien Chaffraix`<mailto:jchaffraix@webkit.org>,`Gé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é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 background-clip_content-box http://www.w3.org/TR/css3-background/#the-background-clip 992c806e87f67434545a16f665befe9fad4129be `anping`<mailto:zhuanping123@163.com> Test passes if the background color is limited to the content only and border is blue dotted without red
|
|
|
|
|
background-clip-010 reference/ref-if-there-is-no-red background-clip - content-box with background-color http://www.w3.org/TR/css3-background/#the-background-clip c82565be95ced2017c073177c18a4c6ca1cc215c `Gérard Talbot`<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 background-clip_content-box http://www.w3.org/TR/css3-background/#the-background-clip 58073a399d0cc200de8b816a3fd57168a45cc46f `anping`<mailto:zhuanping123@163.com> Test passes if the background color is limited to the content only and border is blue dotted without red
|
|
|
|
|
background-clip-content-box-001 reference/background-clip-content-box-ref background-clip Reference http://www.w3.org/TR/css3-background/#the-background-clip 8094a6ab3cb8e6155109f6e24416d2ac7c5e93b4 `James Wang`<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 7fa6b5415bc6624809f4dfd162e3eb004938f10d `Lea Verou`<http://lea.verou.me> The root element has a different background painting area, and thus the 'background-clip' property has no effect when specified on it.
|
|
|
|
|
background-clip_padding-box reference/background_clip_padding-box background-clip_border-box http://www.w3.org/TR/css3-background/#the-background-clip dd78a6379ff2c736ef85083c0b170e5a6c54e260 `Xiaoyan Jiang`<dajiangxiaoyan@126.com> Test passes if border is blue and dotted without red background
|
|
|
|
|
background-clip_padding-box reference/background_clip_padding-box background-clip_border-box http://www.w3.org/TR/css3-background/#the-background-clip 3bf8081be12fc66f317f1af9551c6888cfd320f0 `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-color-border-box Background color clipped to 'border-box' http://www.w3.org/TR/css3-background/#the-background-color 54a4fa69477befc57c1f54316a7fa8f74f0d25ac `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.
|
|
|
|
|
@ -74,7 +74,7 @@ background-image-004 reference/background-image-001-ref CSS Backgrounds: backgro
|
|
|
|
|
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-image-first-letter reference/background-image-first-letter-ref background-image applicability to ::first-letter ahem,image http://www.w3.org/TR/css3-background/#placement,http://www.w3.org/TR/css3-background/#the-background-image,http://www.w3.org/TR/CSS21/colors.html#background-properties,http://www.w3.org/TR/CSS21/selector.html#first-letter 33216b72efcaf3636cc75079f9cd5ab9ce9aacba `Ethan Malasky`<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.
|
|
|
|
|
@ -85,32 +85,32 @@ background-intrinsic-007 reference/background-intrinsic-ref Background Intrinsic
|
|
|
|
|
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-001 background-origin - initial and supported values dom,script http://www.w3.org/TR/css3-background/#the-background-origin 1d942fad389dcf6cf78f29ce1a5ce3b2e68cc163 `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 51b3342fe33345406a1646150a89b6369d9f22ee `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 6493c4736ec2aa8eb2a4747339218c69ed2d7b0b `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 f3d8ce6f369ccf7eec267bd2ef5b30231ea5aa0f `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 accb073963f7d6b91f053643c5716ee883fc4313 `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 9a7e875b47c00ecdaaae944373cf9af220b392d0 `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-006 reference/background-origin-006-ref background-origin 'content-box' with background-attachment 'fixed' image http://www.w3.org/TR/css3-background/#the-background-origin 86afd480f7a1dba04f1d25d72b41b1a56e0fd5cd `Intel`<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 661d6616abc1615874dded35cf4f47c15e7477ab `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 545d39e519f3df83a8207d1c74a0a3515e648481 `Intel`<http://www.intel.com> Background-origin with 'inherit' implies to inherit its parent element value to position the background area.
|
|
|
|
|
background-origin-008 reference/background-origin-005-ref background-origin - inherit keyword value http://www.w3.org/TR/css3-background/#the-background-origin,http://www.w3.org/TR/css3-background/#value-types 07d0207076c291b1f117a83b01463557febc642c `Intel`<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 reference/background-repeat-round background-repeat:round image http://www.w3.org/TR/css3-background/#the-background-repeat 30a7f3206852c485f18f345482a4664d60ad31f8 `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-round-001 background-repeat - one round keyword value image http://www.w3.org/TR/css3-background/#the-background-repeat 250175462369d8bc52c78725e03dfb431d69eba8 `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-001 background-repeat - one round keyword value image http://www.w3.org/TR/css3-background/#the-background-repeat 6004c7aef2b987a87ce64c0047118c8c4ae4ee25 `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-002 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-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-repeat-space-padding-box 'Background-repeat: space' when background positioning area is 'padding-box' http://www.w3.org/TR/css3-background/#the-background-repeat 5ee80d6afce3765e184147d7a73e87dc27901c12 `Microsoft`<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 a8b0f45ddafdfd1c5beb3230e15b97204204d39a `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 ad630fb30f4b741376f88b7b5186ae39ef19ba61 `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-003 Value of 'auto' is used for y dimension in 'background-size' http://www.w3.org/TR/css3-background/#the-background-size a9a83cfab328e894706c5fac465f1958bd98d95f `Microsoft`<http://www.microsoft.com/> An 'auto' value for y dimension in 'background-size' is resolved by using the image's intrinsic ratio and the size provided for the x dimension.
|
|
|
|
|
background-size-003 Value of 'auto' is used for y dimension in 'background-size' http://www.w3.org/TR/css3-background/#the-background-size fec02973b2e25b88fe12e1db78863f76f0a6c96a `Microsoft`<http://www.microsoft.com/> An 'auto' value for y dimension in 'background-size' is resolved by using the image's intrinsic ratio and the size provided for the x dimension.
|
|
|
|
|
background-size-005 reference/background-size-002-ref background-size - one auto keyword value image http://www.w3.org/TR/css3-background/#the-background-size 88f2e9f6286faf6e87827321b43df30c0de7e095 `Intel`<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 e7a0cde7e4bef1885fe1523c7011a93b97b787c0 `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 dd735bb5f22b4b3c6d13a13d27407082371e6806 `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 fadf02c567438d82cf974de4b1bf626051c55e8f `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 b218618479f85e26771213fd61cb87731896b89a `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-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 3e6604f3d824e3cb4a94afbd049ab4347778a86e `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 7bf435cbdb416f96f1d831e9baf1914ff6300b5e `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 6c159c57f9324f59314eaa64109b4dde26ea7972 `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 0b597264afebf44e05504e7e76aa44d41ef01422 `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 da1c3c475c141279a5c9cbeb05b66d931ef93335 `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.
|
|
|
|
|
@ -122,127 +122,127 @@ background-size-017 reference/background-size-006-ref background-size - one <len
|
|
|
|
|
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 245e26e2d3af7fd2ad746cb85afca2710c4f66eb `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 7cff24b88aab41384b4f082a0fed37e4f7d20c40 `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 dcf75df56a9ef7eff180aa45422155515d4826b0 `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 7b2afcee22565d2739fb6195efad939d8db31b74 `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 63b0da8a6d11e650148228f1b3584c6cdf1d1030 `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 67748dee26d9a296b52d5e4e2e5c2bd590a77fbe `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 45c37899bcd605f3775d49f3e89758b5d7ca84d8 `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 3c0e411c27dc1be208e5711626d58183f70d1083 `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 fbdc8bcf5bbfae1a34c7a97dc93c7cb577e93ca4 `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 6d211d7a79672d7f5bbab7ea0f1a0632a9ed6c50 `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 0a1d04457a31ec7d6880351196be91a18162a582 `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 b2127ddeee436a163259f0bb97fd3a4db2ba6e87 `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 2474c790b158cd0d5eb551f0893a898b33c56fec `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 c6e674eda7eb24578ca440cd4d7be7fd491ed1f3 `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 23970bae1de84cb4fe45b1a9b1f2a9a120e13feb `Intel`<http://www.intel.com> Check if background-size supports inherit keyword as its property value.
|
|
|
|
|
background-size-021 reference/background-size-021-ref background-size '100% 100%' with background-origin 'content-box' image http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/css3-background/#the-background-origin 8ed8907193c08394baa6006fbb567ffb2dc785ce `Intel`<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 a595248600342501eb33dd3c6c6f38bd31af9db7 `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 3719857f0d7933dbd0735336dc73d4b5b0724d95 `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 1b101dcfde58d52f94cf4f3eddac4ab1bb481728 `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 2bb8dd626dee0b60a74cfbb34d5130465c425dc5 `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 1f94558cd29aabae4344ae3bde46acb6544e2937 `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 032cef687f18008da4228d24de02747c818038ff `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 7f8bb45cf8f21cbc3aa7a7e42a4b76a98245d3c5 `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 085d6eab9802d95f64456254c853c1475b7d23b6 `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 64ead359b68d6ae257163ca5b943f2fb3391d7c4 `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 ce8f4d36e1c81a42a046bc5586ed62488a5d43d7 `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 5ea3627c9273f45ed83c41b332cac1ac6f8500dd `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 4718350b22a059ed9d8315a72c06f693a3d3371a `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 1fb173290c526ebcaf08899f9fccc7abea825f77 `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 'background-size: auto' and 'background-repeat: round' http://www.w3.org/TR/css3-background/#the-background-size 33a11227d1894e790f93cad6a1bccfeb2062ed55 `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-aspect-ratio Original aspect ratio of image is maintained when 'background-size: auto' and 'background-repeat: round' http://www.w3.org/TR/css3-background/#the-background-size 363b739b8ef0936ac23e2f68648296e12995ed17 `Microsoft`<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-contain-001 reference/ref-filled-green-100px-square background-size - contain keyword value image http://www.w3.org/TR/css3-background/#the-background-size c7e73b37c7970bcf9bf29088c30229221756b256 `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 15596869f5a19329dc8151c1071e7e81629b94ae `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 e4e52b0bc0f46f60fde1b93cb1b4e9c9c1c1f51c `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 e8f5238b5d3284549fcb6e149d8c12eeaa5a4132 `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 2b0872df89297c8dbdcce99e6f601dc7cd221f95 `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é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é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-001 reference/background-size-vector-001-ref background-size: 16px auto; for nonpercent-width-nonpercent-height-viewbox.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute,http://www.w3.org/TR/SVG/coords.html#ViewBoxAttribute e9e9f97905673f8589cb73215a94c9f2245ca004 `Jeff Walden`<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 1b66ee2ce3f2166c86765ce017e6aab604d7fc30 `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-004 reference/ref-t-lime16x192-aqua16x192 background-size: 16px auto; for nonpercent-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute da661685629965ee3af31ae1f5347be7764567c2 `Jeff Walden`<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-006 reference/ref-t-lime16x192-aqua16x192 background-size: 16px auto; for nonpercent-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 7053cf28fe412b849781aaab4e65276fc4d0ad3e `Jeff Walden`<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-008 reference/background-size-vector-008-ref background-size: 16px auto; for omitted-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 7d65a1d09cb3d5050208cb7e24a4add2575f8b66 `Jeff Walden`<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-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-010 reference/ref-t-lime16x192-aqua16x192 background-size: 16px auto; for omitted-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 2bb52b57dc79cdf15ab0fedee4efbb6e6d32cf4d `Jeff Walden`<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 70dbe607a20f9644f5e387ecf1fc1503f9f5df11 `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-014 reference/background-size-vector-008-ref background-size: 16px auto; for percent-width-nonpercent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 1d0499fe1d603196de7e91aaa72aa011d22769c0 `Jeff Walden`<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-016 reference/ref-t-lime16x192-aqua16x192 background-size: 16px auto; for percent-width-omitted-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute ff3d5a13a442704b5ef5268f7d5969628bc0eb13 `Jeff Walden`<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-size-vector-018 reference/ref-t-lime16x192-aqua16x192 background-size: 16px auto; for percent-width-percent-height.svg svg http://www.w3.org/TR/css3-background/#the-background-size,http://www.w3.org/TR/SVG/coords.html#IntrinsicSizing,http://www.w3.org/TR/SVG/coords.html#PreserveAspectRatioAttribute 0a4e1810fcc2f4fecf0f48dbf9c651e6642ddeb7 `Jeff Walden`<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 259a2c6278471f0efdba74474ee085d8c9b484ba `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 bd47c96e724f752160b43e20e6c48fbd4952ee28 `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 37ce637aea7d80cf32cf8f68a6bc473e70e70868 `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 bb74d77c3ef7157420f85e4ca297b4d24b2b2f6f `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 0acc90f55a995fefe1def794510a2624fcec938a `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 b2915c5d05dd752be1c4a1f5c06dd527d9572d4e `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 1ba2b892e662c7f37b9ea69ffb57c032cc5ef41d `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 378bcdc25a4af48e4a6bf9202e23a9e58bfd5d27 `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 7e1b314255014e1e24711bc5befe5fb0f7a5d49a `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 23ad2ae5af8e86cb77e8b12a8343b3712a0191be `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 1301e410b83469d7403735f1e9e6ac11da538f4a `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é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é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é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é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éré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éré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éré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éré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éré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éré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éré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éré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éré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éré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éré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éré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éré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éré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éré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érémie Patonnier`<mailto:jeremie@patonnier.net> Support for 3 values for the border-image-width property
|
|
|
|
|
border-001 reference/border-001-ref Border set using border-width http://www.w3.org/TR/CSS21/box.html#propdef-border,http://www.w3.org/TR/CSS21/box.html#border-shorthand-properties,http://www.w3.org/TR/css3-background/#borders,http://www.w3.org/TR/css3-background/#the-border-shorthands a16a653b4925e0fcd595c0c296296c0df388fe30 `Microsoft`<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 22ea10b6821bec16b84b1c50d45dd36e24f676f2 `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 b0b1e7d54241a0208697a1c15ce0cfb85d850f99 `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 b783001dd09397788d92e59d71cb64110634c848 `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 00c276a16610483a3021145453926f2217468610 `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 8f788080e72a3000d1e04eb716a66c01bfd969fa `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 44e3e912f92b13d2e9205d54507a059f59f3b527 `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 29e351b4baf1fc0f56f81949d283a23d4c50199a `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 4c332ad574f83333c69bdbb564f9e76ab82cd268 `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 339052c1fc5555116fb23e9984ccd11d994a0169 `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 a6144b25aab2370a8996f6786d4ec1d2eca85754 `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 719304e04c9a763a27d805f7a642c55d0f707cf2 `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 438c883fcc301a19d3b0ee488ce393d37aa59d09 `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 05da3f52c79665668a630d2773110329c3e82c17 `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 1b2ab17f10a569fd7eaa3a150a7a10f20fa04976 `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 c28f6885a337d2a6fb14cf4704d952c1ef25d099 `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 51ec5221f00c6d2ec2dff16a37aeb9b168632344 `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 d38dd4a9e64a9d25636f8aa97c6a9e432929126b `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 e73ede1f64d04ad8ee940e981e373777fe7ee052 `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 235b431c931284eb6c6f3928b2d5baac87526081 `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 a04205711998add65ed6002832b57b6c04187408 `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 c1f592b467bd1d838fbe6bf8cbd8bcdbd1f5adfe `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 8a64b7a7d85b0fd5ffd1dc865b57eeed27ebb7d1 `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 7916d44581c6f874fdcfc8a4a48c0ff39473c25b `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 28f66a38a7dc3af73719dbd067e3b4f7d650ade2 `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 057b7d9bc5aa9b0c25fa8954fd4cf09050c31e78 `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 6c67570193e591c522ff4d92575d8c5a60490e32 `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 142da9f95726f9205add552972110defc72cfb1c `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 78693cd3bb5731188d42c1d6fb1a405b4ac5250b `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 62e986f871b9f73a63dd29104f3e9bb06b3044b3 `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 1abe42ee07f3a8207c0e40ffe53aaee66f4a0b7a `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 033344f1f722b102330a32347d6655e2d6d24067 `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 344be3e376e814808318eebb489a61e4ca02409c `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 e94f9369378951394fed22891b1fd01bafca039d `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 a3dc11dbc05b0b4b21dea6b725192f859b96c6bb `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 00f7bc1670c0484c8b56f064bcc82d867e192b50 `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 279c25b383ffc1e60f889ea077f0979bf18d3ca8 `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 b49637ff5a553ca66e7fba67e1a533c18c06fdda `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 10daddf1a111671b47c042ccc7b74754f9d6c69f `Gé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 83d9ec03049a37bf108f2f9a63971873e398919d `Gé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 cffb4ead7028cdf7c226a9a8502185c3aadfabb7 `Gé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 a64a8d16e7e160078a129f3cdb128cf3c72356f2 `Gé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 71575a5b448b355bc28bdd0599f427cb5788d4ba `Jéré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 4237552314d4813403c53852cfde256dbcb9ea5d `Jéré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 57b636754cc4a239ff06d48957b2176e39dc4fc2 `Jéré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 56147c1b0f6e892f610dde87a5d919ddeb2e5f88 `Jéré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 e938a7340e75f8b1cf78305d7b31e75181216918 `Jéré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 50d5a591aee06d12b477714631c498619e0bf90d `Jéré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 552adfec63f233d99b178970cc3d32ef1ae15e51 `Jéré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 9c177dde8aec5a87f7ab293aa66908d460c1f7b9 `Jéré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 18c5824a6fd33d0935ec0c3b82b97e032a90fced `Jéré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 119405ffc59783fe6a3acbbc875bbf1e20f3562e `Jéré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 ff57dcbcf2c1e99a2c07907b3427fe271f805288 `Jéré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 88a3bc6d5fbdb963e1f1f0835e7302bd911e4a40 `Jéré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 6308daf2c1cb3b9108aa177fa953a2b9dc3abae7 `Jéré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 8f587eaa81c4e0c0ae36225113e7bdc719711f31 `Jéré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 7e0955a4bfafd44bb1c170eb86c34917915bfd0f `Jéré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 7ef2dd875bd0484f075e293aab5c777f447f1a5f `Jéré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 94f97e6cd1b259175ac8416a9aacc9245da46137 `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-repeat_repeatnegx_none_50px "border-image-repeat:repeat-x;height:200px;width:200px;border-image-source:none;border-image-width:50px" on test div script http://www.w3.org/TR/css3-background/#the-border-image-repeat 4fed1431054d4305dd353331a51070a81ff31d1e `Intel`<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é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é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-001 reference/ref-filled-green-100px-square border-image-slice - <percentage> image http://www.w3.org/TR/css3-background/#the-border-image-slice cce5ddd24c81f4942684a68a9ca14e236b996026 `Gé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 3d55802ae2642184f4126780e53cbc93699a4f45 `Gé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 a5913c6b88348d0b12a209bd71ec2c103774b023 `Gé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 because the default border-image-width is 1 which means 1 time the computed border-width. So, we should see no red in this test.
|
|
|
|
|
border-image-slice-005 The 'border-image-slice' property with four percentage values image http://www.w3.org/TR/css3-background/#the-border-image-slice c795fb86f3a99c061832e0c3f708bf7c8650a895 `Microsoft`<http://www.microsoft.com/> This test checks that the border image is sliced into nine regions with inward offsets, '40%' from the top, '15%' from the right,'20%' from the bottom, and '5%' from the left edges of the image. Percentages are relative to the size of the image: the width of the image for the horizontal offsets, the height for vertical offsets.
|
|
|
|
|
border-image-slice-007 The 'border-image-slice' property with the 'fill' keyword image http://www.w3.org/TR/css3-background/#the-border-image-slice f425ef8e3feb8e574627efb81478a607bd715055 `Microsoft`<http://www.microsoft.com/> This test checks that the 'fill' keyword, if present, causes the middle part of the border-image to be preserved.
|
|
|
|
|
@ -252,17 +252,17 @@ border-image-width-005 reference/ref-filled-green-100px-square border image area
|
|
|
|
|
border-image-width-006 reference/ref-filled-green-100px-square border image area - border-image-width image http://www.w3.org/TR/css3-background/#the-border-image-width 2ea7bd90dc8932a918484cc2ac561dfa2595f903 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the content area of an element is inexistent. In this test, the border image fills the padding area and 25px of the extended-beyond-border-belt area, 25px into the margin area of the element.
|
|
|
|
|
border-image-width-007 reference/ref-filled-green-100px-square border image area - border-image-width image http://www.w3.org/TR/css3-background/#the-border-image-width 2a85b176999c43cfbdbb6dd1676c551cc1098475 `Gérard Talbot`<http://www.gtalbot.org/BrowserBugsSection/css21testsuite/> This test checks that the border image area can still exists even if the border area (or border belt) of an element is inexistent, even if the padding area (or padding belt) is inexistent and even if the content area is inexistent. In this test, the border image fills the margin area of the element. In this test, the whole border image area is outside the border box of the element.
|
|
|
|
|
border-images border-images with round repeat image http://www.w3.org/TR/css3-background/#the-border-image 4d4052e1cc45e8c09db0459361452d1b5d5fd146 `babyliner`<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-001 reference/border-radius-001-ref Borders. border http://www.w3.org/TR/css3-background/#the-border-radius d8148e7a37c3c751cbc2587e585986dee6d7f363 `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 7c0b8214687ba4900afea468ce5212ec3882fdfe `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 16d73d16bcb7e844ccb05c02fbfdbcae40780c64 `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 f95871392d445fe5fbf760af6477e1860f24f604 `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 7a56981aedb161f84ad8025084796f6d2893afec `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 69c89c1f36760e14ff05291d6b970cd2008fa60a `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 52603ca6aa3a828473572a1e7d979e3687f1877e `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 86b9228a7c9b3ba3dca11c2156a1d05ed3896970 `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 bc6238d602e2b27c55e2490c832c0cc250976adc `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 79f9633fad873c990ffb61fb1164620521700910 `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 dfff6e84db3ad2634d568f66f04f9b2ac07325e2 `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.
|
|
|
|
|
@ -283,55 +283,55 @@ border-radius-applies-to-017 'Border-radius' applied to element with 'display'
|
|
|
|
|
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-content-edge-001 'Border-radius' set to 'img' http://www.w3.org/TR/css3-background/#border-radius 1b2b1aec43198953d509bf25f4fe36e974df9e96 `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 54392d8b6e4e71dbaf4b2873add63ff38d28c265 `Lea Verou`<http://lea.verou.me> Effects that clip to the border or padding edge (such as 'overflow' other than 'visible') must clip to the curve
|
|
|
|
|
border-radius-shorthand-001 'Border-radius' shorthand is used to set all four 'border-[*]-radius' properties. http://www.w3.org/TR/css3-background/#border-radius c10da19070dbaf8b93b34577df2a0b7187e58bc6 `Microsoft`<http://www.microsoft.com/> 'Border-radius' shorthand sets all four 'border-[*]-radius' properties.
|
|
|
|
|
border-radius-shorthand-002 reference/border-radius-shorthand-002-ref Borders Radius Shorthand. http://www.w3.org/TR/css3-background/#the-border-radius bfed421505cd493d7968e3149b638a98cc229e7f `Arno`<mailto:arno@arno.org> The shorthand border radius property can be used to specify all four eliptical corners of a box.
|
|
|
|
|
border-radius-shorthand-002 reference/border-radius-shorthand-002-ref Borders Radius Shorthand. http://www.w3.org/TR/css3-background/#the-border-radius e8fd5443c468f039df7c9fd5fc5e0eef826ef420 `Arno`<mailto:arno@arno.org> The shorthand border radius property can be used to specify all four eliptical corners of a box.
|
|
|
|
|
border-radius-style-001 'Border-radius' is set with 'border-style: dotted' http://www.w3.org/TR/css3-background/#the-border-color b0f47b7c8b8fb99c43466d068216b2f5b043637e `Microsoft`<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-001 Different variations on the sum of border-radius for adjacent corners http://www.w3.org/TR/css3-background/#border-radius 076a918b6972a0a3c62715bf635456f1b1341365 `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-radius-with-two-values-001 'Border-radius' property with two values http://www.w3.org/TR/css3-background/#border-radius d297b92b921ff33e568d4ad3fa5c08f1c2c84c3e `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 388218ca130c65c4950f8ae1e1371f5938e8313d `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 8ada0c2852b84e414628a840c10ca3da46dd1ac2 `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 902f7e26716d2f8583faf447cd70a299ba7972a8 `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 e97bc4339b2eb6668f3b5ab051b9fe3cb5605dec `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 b5bcb7ce8ccd2c9abfb71cc3d7d15e1f20435aa6 `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 f0cc11a65dd0f1b301cea32100316f4be859533f `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 3fc2dfcd9d51d0e854a0e9530b1e0ab7eae58ebc `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 14b9d0ad8fa3e77b75c15f945e4fb5313e64f8b1 `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 40d1713299153626716b4fce2128dcef9fd0a310 `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 6a226cafb9cc4338b7c038746aca4ae8fab7ab50 `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 9e27031a5a0597d529a0495106f60ec8c5c133c9 `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 3bdb49721738b681412cd8c855df8f2e304405ba `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 8436255454509ac389fa6ad5c1602de7e444eb0d `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 53a77ab68972c7d9271438dce5d9f65671ef6bdf `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 d2784b4c3f2bd28259ae27f2f11bf3f052d8f2a4 `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-003 'Border-top-left-radius' with one value as 0. http://www.w3.org/TR/css3-background/#border-top-left-radius d8440c69bfbb9b8d46a565f59cda08d9bf95f94d `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-001 reference/border-radius-001-ref Borders. Border-top-right-radius using 0 value http://www.w3.org/TR/css3-background/#the-border-radius 7205d3c58f5bb6de9ee09b482863460791041a13 `Nokia`<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 80b9091d3f836b93843fd1dfca58a716dab18650 `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 c22b15784d64914b84e09b541c139c2574f60dc8 `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 043171f86e1d3e8424673c8adb1e4d743b345f50 `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 b448da61080f46ce4015614baeb6d3ca916b4005 `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 c23e95b9ec9a289aac719655b8a1705fae25906f `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 6e63e5812a649351e0ecd8de88d5b68a3dd6b3c8 `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 918ad1905572ec0ca416324ad90377386d3388c3 `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 a49e5f9a06676a76d46bc17fb1aee41d59eb24d0 `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 1d480dd4d064b17b47d25cd0138447e29126114d `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 21480978779e14cdc788c33974798b14ab6677d5 `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 8861530454e1446a24d767bf089f70e2d34f6d58 `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 4e96a015efe2d3dab1610138ffb8d37559a3f278 `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 2021efc2f87bd57b17b46cb6182990f0beccbf11 `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.
|
|
|
|
|
@ -345,14 +345,14 @@ box-shadow-outset-spread-without-border-radius reference/box-shadow-outset-sprea
|
|
|
|
|
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.
|
|
|
|
|
content-box background-clip:content-box image http://www.w3.org/TR/css3-background/#the-background-clip 930d3ca0bda1025eea22f22d8ec20d53c4a2175b `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 5ced35b8928414a87a38b80b3b3e937ae5b21c1e `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 2f4c470675a768689216adb298cc46282ebc6f2f `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 8c10fa095529249067aed2a490ce5effa695f546 `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>
|
|
|
|
|
css-box-shadow-001 reference/css-box-shadow-ref-001 CSS box-shadow Test http://www.w3.org/TR/css3-background/#the-box-shadow,http://www.w3.org/TR/css3-background/#the-border-radius 5b797441df20c4cc70e3073544e2df1026946b69 `tmd`<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 208505183e608ec8a26ac0e17edec87d07d9a1f6 `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>
|
|
|
|
|
@ -361,84 +361,84 @@ css3-background-origin-content-box reference/css3-background-origin-content-box-
|
|
|
|
|
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-background-size-contain reference/css3-background-size-contain-ref CSS3 background-size:contain http://www.w3.org/TR/css3-background/#the-background-size 04e66910f2bdbf09fac3393b90a9904b5ce55d1d `Yue Hu`<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 e8cabc914cd8db026ed54252cdf68a332e17d7f9 `Jeff Walden`<http://whereswalden.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 181f4bf8b33ab85eaf3937a2f0f212eb5437fab3 `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
|
|
|
|
|
padding-box background-clip:padding-box image http://www.w3.org/TR/css3-background/#the-background-clip 30c8e1826b34e6b2b132ee8e6c0765138d479761 `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 d207e5c29e417b86ead2cf93e6d4715075674f52 `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 d3f47dae7fd8e1b0216994fad247e29fa9e90a93 `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 02a4f955189fc9cabbd43cb29870f01b6628644b `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-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-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/>
|
|
|
|
|
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 f3c6bcf30bb2d6a3af78b9a841ca8176c37d7a4d `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 5c040d13c6160d8cdd9dd5e85b15853949b38aad `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 0a0e9401c141b0445fb72b3aa94ef41c2571ce10 `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 9105bb376296f4689340fbfe6ec1402308a16cc0 `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 85e00ae81ad7cb1b52ff264ebc9f1e0916af26cf `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 2afb5a50698825378fcac17047b3bca7992e1122 `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 c39a8ccd675d1e96f2a54f2d1af63eac5a88418e `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 b85781950b6b44cb8140bd27905e755dff058954 `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 0d38419033d2c92eb0b1c4439224370f592126c8 `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 a6dc7dac411b4340a627880a962f08296762a5d6 `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 2bc73792d0b12568048ff5b3e6392332b79606db `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 82fbe94714cd49c168821cac8c345173d696edbd `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 b975671e89f58836d52cbff4ff5988d3f091609e `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 b59fe1076d2c0931cbcf9447513a46c99e0f1ed2 `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 0743d738e2635687ec9638fc8a860bbcf8b51c21 `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 7d57102489abaecab8fe1a74cf2f4c5d4314e2e1 `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 a72a03125cee32c591b912eee3c535bd99ec5f53 `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 6ee73e1c2c047e82435ebb9bd94fe9dc5c8e7075 `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 209481533739151adb03503a51b6e52ba8688acb `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 820a70c8097ada1f3241d6d82acd853b2261f1ed `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 4fced69b69a1ff2b3e41ad1e09a74d6ee3ac0adf `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 19dab250320276a76bcbbf1f3f8d8c61b96e3b49 `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 e8d59bbd92f30b6f0477bab4a16604499856c41b `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 df2f11ebe4e08eef11249a635011005cbf3c0bf9 `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 355e0536cb30314e990f71ee0df99a619282df5d `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 fb2a3b7761a618a71463de5f2cf3aa75343bc7f4 `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 010e96b367c63aa747b155103267b44ade63820e `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 9fe8ab72804d155fb5a8df901f5d3276143a9c9c `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 9707f9ea36a6daee0901bfecb2aae0cee6ddf660 `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 ab97289fe2ea7ff2e1b6e318a20ea0df1c36290a `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 44ad97c250e87f9f826a0f7c2e91ea0e9b13c9e8 `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 80baafb76179ed1a5625e702aa325a6ab3ae6c11 `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 18e67947b535c4c5dadac11a9377087111c05e32 `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 71104a52ba9f5ec03a6b8e85d9dbaeb2de3f3e81 `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 e9d831ffbff07d79a35b556fe1af63c2e38a1912 `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 e3542ad473e36585a6f6a4399862c262f059e858 `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 ddb1455ac82052d2ec268cb8e9e65845491731b4 `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 30c5f6eeda846c1e21de451951e911a2272a7ef6 `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 f8789b6c025edba97bdde0f07d733c69a21871f2 `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 6b1fa57bd8a8a44acd585a04cf66083c116e848d `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 1f3918f8f3592046b6d35ac2ded0015295fffb51 `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 c3880eb4c9f714cb188b52f55301f5af08ecb365 `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 7d0f82660d7d6795a277a9c89c62075eb8d274b6 `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 a767d59e4b76179767900102be208bdf473d0273 `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 dd96518ae45ecdb6d92e80dbd5188b2fef6f3f16 `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 e74d6eddcce824b3cb3c83b0b5c92a685a3c0b06 `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 84b7746ae18ae0c5db209a671319bd173a10da6b `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 3b75923bd703a8250b6de1fba4555110e83f2777 `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 e622cf92aed80ff18931ffd46715ef5c1ca8ac7a `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 705dd7703bbfbaaa3428954c36b42b5fe9540599 `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 b99681aae0b83575adc7f21105bb8392934631e1 `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 1e9ef705c836bd56ce80bf2f1cee4a56a993827b `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 bccbba222f549732fa972edc199b9a2f3831792d `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 b75f63de1b2cba40f8e0862700964446fa0c1993 `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 4d82112dc2d0428b85f1554962a4f713a0a702ad `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 a4238f08938ecd4ba007373fa6b7f7fd235c5c28 `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 9867692e53584fcaf8fa9421dba8a50bfdb37a93 `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 805a3b1a7d527391928010aaa660af6bf067de99 `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 f07db0c4a453ca4a90ebc777398436c5839d0cf4 `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 f5cb06006d197d540295224ac7155fec32e02de3 `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 906f1f3f1701c3d5e4abd8bb2c15f91961761c65 `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 3901963c073abb96ca92664c68e045d6f5c46adb `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 4dc7e8fc239456f09e8d1dee730142b8f5329a11 `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 4ea40bc0669cf835a16e8a6394bab5b46cb1aaad `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.
|
|
|
|
|
@ -450,114 +450,114 @@ ttwf-css3background-border-style-shorthand border_style_shorthand image http://
|
|
|
|
|
ttwf-css3background-border-style-shorthand-missing-bottom border_style image http://www.w3.org/TR/css3-background/#the-border-style 451fcdb96bf7a07e07cabd6b0f64ccb4744f72b0 `disound`<mailto:disound@gmail.com> 'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.
|
|
|
|
|
ttwf-css3background-border-style-shorthand-missing-left border_style image http://www.w3.org/TR/css3-background/#the-border-style 480edf76a5ff5873e090abcb9366cc3e4fdff1a7 `disound`<mailto:disound@gmail.com> 'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top.
|
|
|
|
|
ttwf-css3background-border-style-values border_style_values http://www.w3.org/TR/css3-background/#the-border-style b881316979f2fd75b94ca890d768d07c85ceba88 `disound`<mailto:disound@gmail.com> 'Border-style' is a shorthand for the other four. Its four values set the top, right, bottom and left border respectively. A missing left is the same as right, a missing bottom is the same as top, and a missing right is also the same as top. <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 7b8b789d2abb71af4fc9bcd414f246d4c78535b8 `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/>
|
|
|
|
|
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 f7230d03123f38b30f8e746ccf667bd2e24b8f71 `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 f6242e26f3933ea285d7d46b9096a215c5a2727f `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 683fb590edc104815dd753afbcd951ca2a3eeb30 `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 fcbe2474e793fe36fd31ab05e869f3365e894c73 `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 28b94a72bbba9a8c5f39b7d1e44756ebb258b29e `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 9c4b4e3184dc10d69dd8103cfe4fed4d04f0b063 `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 336ac762d4fb0e445c03407a98f9a9c2207e151a `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 fb117a6a19c2d072d6fb8c3b4ec2336942e9669f `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 99f47fb32dd3d6e88d9666e2ae99a33e379f5f09 `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 80bff911fd32df052513e8c7614ab5643256ef35 `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 460960b36e45886b329a1cbd2f90745f7d203562 `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 e46418a25e5fcef016bd96033ef911f880fc68d2 `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 065c4374d45b832a8b450aa50c637d309feb6728 `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 274c00a04e3b6c71188193c6eb6d8aac6962dd8d `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 c8e2417ca09b1bfc061b2e6afc747049054a70c3 `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 192c9ad674c5807d0192e5570bbb61b6b1623407 `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 598ccdec073e4c84ef3939e06b0d5b59159b19cd `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 01f1429bf71fe493724155475b4228905d6dc4bd `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 389ae1b4fc0c9aab2bb7be2d0a0d373ea3789954 `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 9482020c4317fcd4d56cbbb85705daa5116ecbc3 `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 1228581f03326b54838de5f2a64828ddc868c4f7 `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 ec6b7d604c88812b82f35c0ac818d60121cdd9ea `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 94ae4c86d467e0ed333e63d37827dc12c7cbd9f1 `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 e021ffe53626fc773fcb9007b0e88812fa83cf4e `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 468d9bc1603cb90105d3e038ce267d2d402646fc `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 c536486f80b38cbf32c97066e85132fa6055fdf0 `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 855cf33fa6172993542b87a41accbeead733cb5e `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 65ce3ab82c1fc6584e2ee515e5e4f9994d651e46 `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 e5aefcd121dede2f16f025172bee3a30356b8726 `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 38c6ca056713a16de4f900a43aaee5344c6e868f `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 aae766ac926b0121ecc03235db272c5bf683e7ac `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 259c0159c8f4509903166ce757011178cf173deb `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 0afeb51459f8e6ce72c2615f109516452300ebc1 `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 1f11c810e2fa132e446441f794e09487fd4b61d6 `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 8ddedd0623fa17ad9035ceca3608b749d36d4f2f `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 7cb00b448dcc3348db2ef3f0ecc158b858249ac1 `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 3003e19f82e76dccb869ae1e85f26aa612de5000 `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 beca95c4d28fa7c6d1c13cff95241ecba36343e7 `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 c1d06db1d2dad2282e0e7d306fe10cc96a5ee02f `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 5e44c148efc2b020a568a4ba01331df66722a978 `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 228e68d292c80ad3844a1a73028d9e7898962ab2 `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 676237909a4db4eb3c0dcb0a47ff69c9e2c4276a `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 ac0bbd57350039c302f54567e1608e3c7b0a34cc `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 33e7e50b658357e07545eac0a7801fddc232116b `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 54d70eb57bba2f70b3437d00756bd4d6377043ec `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 abe8b108b50f96d8941b0bf437504fec8b9aaec1 `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 92a59357fb8669ddf837d5ec519099155fd20f5a `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 e3166617edc9d302df88325908a12e6481fd2c9c `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 55b22a3998af34348e1fd0808ec6f8bafa00f1b5 `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 f37e3b53722a3b71e4c3c64cad6bd819e2332762 `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 46972139e928f5596f37f0494c60dc2c1d52455a `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 e2667987a0b9b1aa42fdc6e8a731bd32be3b62cd `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 f90ddfc74d74378d668d73254f012f18ce0ca644 `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 26f9cebff420af099eac9e95e732293f41f1cfbc `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 45ac08b1c69cc9eadf43a83139cbc91ec94e7881 `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 4cf9023b756097f3385bfe68c9439440da71f264 `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 918c44a4f1d8c3376ce8fe6aea53757d211d4fce `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 999b383ec7286bda524a70747c93c38fa52d8797 `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 ec478dab67c2eceefcc2b7602fba17fa8142a2ed `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 6c10470cb31d3880ace19d58e6241eba2365847b `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 2b7c83f5b8f8e032a1ee87e20aa7b2dea15c8f47 `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 1ce89f891b9dc1dab3c6a0726db40bb1faba53c1 `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 8ac8c1376ede57e7ebb3e1d00affed7d169abaa4 `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 d65c5d9096132be6e565b32172f2efda34d383a7 `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 ca56f2931f5ba02c37141cefdaf43ea1ed8a2a96 `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 17b3837bce91068a856f327534f8c615fb500daa `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 3e4623911604ea300efecfe10e5ea5c95de7bccc `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 2495fe3a47d324aef12c9cb573b55ea50c918fe7 `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 11153b573bfe8b6bca35204a24a242c2d59e131a `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 21d839176ce24d4e00ee497f564305160f1e3127 `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 99eee789f7e5fe56888d47f6620e9c2938d95520 `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 9a263ce2a2093ef25eb6756d0486086e15ef6c4c `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 c98683aee86bfbb5cbeffddc61cebd34fd8b85da `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 150a1c3019ac9e9b63c0bf5c09bbc68021b13d95 `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 b4072f3fea7ca48dfd37261c830b6ede7aed6973 `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 b4a36dbad14776de16b9371f83dd7cfc3b299613 `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 48045505a440088fe26788e14dcf83196936d8fb `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 522a8d55913302b78b46760e93406afc12d462fd `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 b5d1471d6f2554284b760084594ce135c6730f84 `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 7f59cb950933c17b8da1c46d5bd86953f9ce5590 `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 905e741966c3f6911bd7a3ca6f0f5425f78fe373 `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 cce955eddc58a3caaa3b1cd0b89335748b3f5d95 `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 216a18b51447d41dbe3780532e790de13e1e1bb4 `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 690d66417a99b876f4f8245314761a1f90981af1 `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 ca2c061ac3c57e9928382612902e9ff9bdcdc4a7 `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 ca0c51b0568bc469d7695e7fd024653f3e4a9f09 `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 981cede99ac6051851047b1ecbbe67369ca579a2 `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 daab70f2db52a5187b2c5f19f7ef350ca8ebb192 `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 e56a7fc96fb998cf17825e4823d2bd2a7533fce1 `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 c848ca18c0776cd6123c12be87fd5903bd22c854 `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 56abfc04fe5659f07beb29f0998309d9a00b08ec `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 62ba9ba821e1a9324b68af3822a09fc2b1297820 `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 2b3ec178146d8afedd48cf925b437657fe35aa16 `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 eb3724fdb8fa2ce9066edff29285ad5957b883a5 `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 7eab7aaedbe012b606a13f71b9dafcc999f89c5c `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 9352eca265737db2cc308009d83871f7f3fcdf6a `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 e3079f65ffff383da99a88807be2a3fdf93e5808 `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 fe42a8ecdb084da7369221c99501009b0d5081a8 `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 e2dd85d808b3d98fae003f533f6009bdbf4f70af `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 40a1f279eda4924571acca17907d74a03cb18273 `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 2731b578552d736b680c500253f6d1d3bf25e8e1 `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 1530a738540f4de801ed0f1651c5d7e25c6f7934 `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 6a545cad5bddc2cb20e0ff611209f9fc79547569 `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 d603d849aea75fb463b7eb7df3b4d4047769556c `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 b33fc26085306cc6b7b979d714556431d92b6475 `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 b381918bd53edf1a8bdbf02774de7ad500345864 `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 58fc364f7e9b1f1f321b9ff4f7d4fe5abe2684cb `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 7120fe206127c11ea3cb33c889bf187b13747f15 `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 f33af734009ff56fbefb1186b205594df8f10448 `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 3baa50fb19974cd8752c06b281f21ef29b4fb569 `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 e2ee6c681a0bdf1e91db4b9f1b7913190180ae48 `Jeff Walden`<http://whereswalden.com/>
|
|
|
|
|
|
Ms2ger