diff --git a/shadow-dom/shadow-trees/text-decoration-overline-ref.html b/shadow-dom/shadow-trees/text-decoration-overline-ref.html
new file mode 100644
index 00000000000000..3cf49148a46973
--- /dev/null
+++ b/shadow-dom/shadow-trees/text-decoration-overline-ref.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8">
+		<title>Text Decoration Over Line Test Reference</title>
+		<link rel="author" title="Masaya Iseki" href="mailto:iseki.m.aa@gmail.com">
+	</head>
+	<body>
+		<span>
+			if NOT overlined, it is success.
+		</span>
+	</body>
+</html>
diff --git a/shadow-dom/shadow-trees/text-decoration-overline.html b/shadow-dom/shadow-trees/text-decoration-overline.html
new file mode 100644
index 00000000000000..f272633392910c
--- /dev/null
+++ b/shadow-dom/shadow-trees/text-decoration-overline.html
@@ -0,0 +1,22 @@
+<!DOCTYPE html>
+<html>
+	<head>
+		<meta charset="utf-8" >
+		<title>Text Decoration Over Line Test</title>
+		<link rel="reference" href="text-decoration-overline-ref.html">
+		<link rel="author" title="Masaya Iseki" href="mailto:iseki.m.aa@gmail.com">
+		<link rel="help" href="https://www.w3.org/TR/shadow-dom/#text-decoration-property">
+		<meta name="assert" content="When shadow host has text-decoration, shadow tree is not affected.">
+	</head>
+	<body>
+		<span id="parent" style="text-decoration: overline">
+		</span>
+		<script>
+			var parent = document.getElementById('parent');
+			var shadow = parent.webkitCreateShadowRoot();
+			var child = document.createElement('span');
+			child.textContent = "if NOT overlined, it is success.";
+			shadow.appendChild(child);
+		</script>
+	</body>
+</html>
