mirror of
https://github.com/mozilla/gecko-dev.git
synced 2025-11-10 13:18:45 +02:00
d90275ca83
Automatic update from web-platform-tests Fix repeat spacing for 'border-image's when combined with 'round' When either of the horizontal/vertical tile rules were 'round', we would drop any tile spacing. Bug: 928749 Change-Id: I6128084cdfc9e6b7604fe213d87f71b1e025d012 Reviewed-on: https://chromium-review.googlesource.com/c/1454375 Reviewed-by: Stephen Chenney <schenney@chromium.org> Commit-Queue: Fredrik Söderquist <fs@opera.com> Cr-Commit-Position: refs/heads/master@{#629272} -- wpt-commits: 77f3ead37011e5338545fe18eb9dc8a301aeda9e wpt-pr: 15252
14 lines
583 B
HTML
14 lines
583 B
HTML
<!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>
|