极速阅览

wpt/css/css-backgrounds/background-332.html at master · web-platform-tests/wpt · GitHub

Blame

History

Code
Blame

64 lines (56 loc) · 2.95 KB

Raw

<!DOCTYPE html>

<html>

<head>

<title>CSS Backgrounds and Borders Test: background shorthand - all values specified</title>

<style>

#test {

background: url("support/60x60-green.png") 40% / 10em gray round fixed border-box;

}

</style>

</head>

<body>

var cs = getComputedStyle(document.getElementById("test"), null);

test(function() {

assert_equals(cs.getPropertyValue("background-image"),

'url("' + new URL("support/60x60-green.png", window.location.href).href + '")');

}, "Computed value for background-image after setting background shorthand");

test(function() {

assert_equals(cs.getPropertyValue("background-position"),

"40% 50%", "background specified value for background-position");

}, "background_specified_position");

test(function() {

assert_equals(cs.getPropertyValue("background-size"),

"160px auto", "background specified value for background-size");

}, "background_specified_size");

test(function() {

assert_equals(cs.getPropertyValue("background-repeat"),

"round", "background specified value for background-repeat");

}, "background_specified_repeat");

test(function() {

assert_equals(cs.getPropertyValue("background-attachment"),

"fixed", "background specified value for background-attachment");

}, "background_specified_attachment");

test(function() {

assert_equals(cs.getPropertyValue("background-origin"),

"border-box", "background specified value for background-origin");

}, "background_specified_origin");

test(function() {

assert_equals(cs.getPropertyValue("background-clip"),

"border-box", "background specified value for background-clip");

}, "background_specified_clip");

test(function() {

assert_equals(cs.getPropertyValue("background-color"),

"rgb(128, 128, 128)", "background specified value for background-color");

}, "background_specified_color");

</script>

</body>

</html>

Terms
Privacy
Security
Status
Community
Docs
Contact
Manage cookies
Do not share my personal information

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Files

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

FilesExpand file tree

Breadcrumbs

background-332.html

Latest commit

History

Breadcrumbs

background-332.html

File metadata and controls

Footer

Footer navigation

Files