Merge pull request #10848 from w3c/sync_e8969894527b47697459af488ba0f48d00763b9c
Merge pull request #10848 from sync_e8969894527b47697459af488ba0f48d00763b9c
diff --git a/css/css-backgrounds/border-image-outset-001.htm b/css/css-backgrounds/border-image-outset-001.htm
index 232fd74..db0a8f5 100644
--- a/css/css-backgrounds/border-image-outset-001.htm
+++ b/css/css-backgrounds/border-image-outset-001.htm
Binary files differ
diff --git a/css/css-backgrounds/border-image-outset-002.htm b/css/css-backgrounds/border-image-outset-002.htm
index ce20a5b..d8fbf94 100644
--- a/css/css-backgrounds/border-image-outset-002.htm
+++ b/css/css-backgrounds/border-image-outset-002.htm
Binary files differ
diff --git a/css/css-backgrounds/border-image-outset-003-ref.html b/css/css-backgrounds/border-image-outset-003-ref.html
new file mode 100644
index 0000000..4d55cdd
--- /dev/null
+++ b/css/css-backgrounds/border-image-outset-003-ref.html
@@ -0,0 +1,23 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>Blue Box with Green Frame</title>
+<style>
+ #a {
+ width: 300px;
+ height: 200px;
+ position: absolute;
+ left: 100px;
+ top: 100px;
+ border-width: 50px;
+ border-style: solid;
+ border-image: linear-gradient(green, green);
+ background-color: blue;
+ background-clip: content-box;
+ border-image-slice: 33%;
+ padding-left: 100px;
+ padding-top: 50px;
+ padding-right: 10px;
+ padding-bottom: 50px;
+ }
+</style>
+<div id="a"></div>
\ No newline at end of file
diff --git a/css/css-backgrounds/border-image-outset-003.html b/css/css-backgrounds/border-image-outset-003.html
new file mode 100644
index 0000000..27bc026
--- /dev/null
+++ b/css/css-backgrounds/border-image-outset-003.html
@@ -0,0 +1,22 @@
+<!doctype html>
+<meta charset="utf-8">
+<title>Background Image Outset</title>
+<link rel="match" href="border-image-outset-003-ref.html">
+<link rel="help" href="https://drafts.csswg.org/css-backgrounds-3/#border-image-outset" />
+<style>
+ #a {
+ width: 300px;
+ height: 200px;
+ position: absolute;
+ left: 200px;
+ top: 150px;
+ border-width: 50px;
+ border-style: solid;
+ border-image: linear-gradient(green, green);
+ background-color: blue;
+ background-clip: content-box;
+ border-image-outset: 50px 10px 50px 100px;
+ border-image-slice: 33%;
+ }
+</style>
+<div id="a"></div>
\ No newline at end of file
