blob: 7438ae12dd60c9c8c732a6a8e69558c3377e9169 [file] [log] [blame]
body {
background: url(basic);
background: url(with space);
background: url(' single ');
background: url(" double ");
background: url(' nested " double " single ');
background: url(" nested ' single ' double ");
background: url(' escaped \' single \' single ');
background: url(" escaped \" double \" double ");
background: url(' escaped \\\' single \\\' single ');
background: url(" escaped \\\" double \\\" double ");
background: url(' nested /* comment */ single ');
background: url(" nested /* comment */ dobule ");
background: url( /* before */ ' single ' /* after */);
background: url( /* before */ " double " /* after */);
}
body {
background-size: cover;
background-repeat: no-repeat;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg clip-rule='evenodd' fill-rule='evenodd' stroke-linejoin='round' stroke-miterlimit='1.5' viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3CclipPath id='a'%3E%3Cpath d='M0 0h200v200H0z'/%3E%3C/clipPath%3E%3Cg clip-path='url(%23a)' transform='scale(0.5)'%3E%3Cimage height='200' transform='scale(2 2)' width='200' xlink:href='data:image/jpeg;base64,abcdef'/%3E%3C/g%3E%3C/svg%3E")
}
body {
background-image: linear-gradient(180deg, white, rgba(0, 0, 0, 0) 200px);
min-height: 200px
}