Status: PASS | Duration: 7ms | Subtests: 1/1 | Open test on wpt.live | Open ref on wpt.live | wpt.fyi
/css/css-backgrounds/css3-background-size.html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>CSS Background-size Test: the size of the background image</title> <link rel="author" title="Xie Bing" href="mailto:451887565@qq.com"> <link rel="reviewer" title="Dayang Shen" href="mailto:shendayang@baidu.com"> <!-- 2013-09-03 --> <link rel="help" href="http://www.w3.org/TR/css3-background/#the-border-width"> <link rel="match" href="reference/css3-background-size-ref.html"/> <style type="text/css"> div{ width:60px; height:60px; background:url(support/60x60-green.png); background-size:50%; background-repeat: no-repeat; } </style> </head> <body> <p>The test passes if the green box is resized to 50%.</p> <div></div> </body> </html>
/css/css-backgrounds/reference/css3-background-size-ref.html
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>CSS Background-size Test: the size of the background image</title> <link rel="author" title="Xie Bing" href="mailto:451887565@qq.com"> <link rel="reviewer" title="Dayang Shen" href="mailto:shendayang@baidu.com"> <!-- 2013-09-03 --> <style type="text/css"> img{ width:30px; height:30px; } </style> </head> <body> <p>The test passes if the green box is resized to 50%.</p> <img src="../support/60x60-green.png"> </body> </html>