border-image-repeat-005.html

mozilla-central/testing/web-platform/tests/css/css-backgrounds/border-image-repeat-005.html

Enable keyboard shortcuts

Source code

File a bug in Core :: Layout: Images, Video, and HTML Frames

Revision control

Permalink Y
Remove the Permalink
Log L
Raw R
Blame

Copy as Markdown

Other Tools

HG Web
Code Coverage

Test Info:

This WPT test may be referenced by the following Test IDs:
- /css/css-backgrounds/border-image-repeat-005.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<title>'border-image-repeat' with 'space' and 'round'</title>

<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#border-image-repeat">

<link rel="match" href="reference/border-image-repeat-005-ref.html">

<style>

#target {

  width: 255px;

  height: 80px;

  border: 10px solid red;

  border-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='100' height='100'><rect width='100' height='100' fill='green'/></svg>") 0 fill / 0px space round;

</style>

<p>There should be two green rectangles below:</p>

<div id="target"></div>