| 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} |
