User:أحمد/testing css3 image-property

This is a test for CSS3 "border-image" property that causes the generated HTML markup to be erroneously escaped:

Good CSS, bad output HTML

Some text within the frame.

<div style="width: 200px; border: 20px solid green;
border-image: url(https://openclipart.org/download/290504/Cedar_tiles.svg) 33% round;
">
<span style="vertical-align: middle">
[[file:Crystal Clear action bookmark Silver doubt.svg|100px|left]]
</span>
Some text within the frame.
</div>

Bad CSS, good output HTML

The following code, while not valid CSS3 code, doesn't exhibit the same issue:

Some text within the frame.

<div style="width: 200px; border: 20px solid green;
border-image: https://openclipart.org/download/290504/Cedar_tiles.svg 33% round;
">
<span style="vertical-align: middle">
[[file:Crystal Clear action bookmark Silver doubt.svg|100px|left]]
</span>
Some text within the frame.
</div>