Data URI scheme: Difference between revisions

Content deleted Content added
Reverted 1 edit by 49.237.200.71 (talk)
Tag: Reverted
Line 61:
 
===CSS===
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
A [[Cascading Style Sheets|Cascading Style Sheets (CSS)]] rule that includes a background image:
<syntaxhighlight lang="css">
ul.checklist li.complete {
padding-left: 20px;
background: white url('data:image/png;base64,iVB\
ORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAABlBMVEU\
AAAD///+l2Z/dAAAAM0lEQVR4nGP4/5/h/1+G/58ZDrAz3D/McH8\
yw83NDDeNGe4Ug9C9zwz3gVLMDA/A6P9/AFGGFyjOXZtQAAAAAEl\
FTkSuQmCC') no-repeat scroll left top;
}
</syntaxhighlight>
 
In this example, the <code>\ + <linefeed></code> line terminators
are a feature of CSS, indicating continuation on the next line. These would be removed by the CSS stylesheet processor, and the data URI would be reconstituted without whitespace, making it correct, since whitespace is not allowed within the data component of a data:
URI.
 
===JavaScript===