From 102126bf33bd96e535140c891368856d19735bf6 Mon Sep 17 00:00:00 2001
From: Charlie Marlow <cmarlow@mozilla.com>
Date: Fri, 19 Jul 2019 17:15:26 +0000
Subject: [PATCH] renamed text-decoration-width to text-decoration-thickness

Differential Revision: https://phabricator.services.mozilla.com/D38586

bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1567282
gecko-commit: 35043a8b9d81b3216fee30fa1ac1c2261a38dcfd
gecko-integration-branch: autoland
gecko-reviewers: dholbert
---
 ...text-decoration-thickness-001-notref.html} |  2 +-
 ...-decoration-thickness-green-rect-ref.html} |  2 +-
 ...-decoration-thickness-scroll-001-ref.html} |  2 +-
 ...on-thickness-vertical-green-rect-ref.html} |  2 +-
 ...tml => text-decoration-thickness-001.html} |  8 +++---
 ...> text-decoration-thickness-computed.html} | 10 +++----
 ...=> text-decoration-thickness-initial.html} |  6 ++---
 .../text-decoration-thickness-invalid.html    | 27 +++++++++++++++++++
 ...decoration-thickness-linethrough-001.html} |  8 +++---
 ...xt-decoration-thickness-overline-001.html} |  8 +++---
 ...text-decoration-thickness-scroll-001.html} |  8 +++---
 ...t-decoration-thickness-underline-001.html} |  8 +++---
 .../text-decoration-thickness-valid.html      | 24 +++++++++++++++++
 ...xt-decoration-thickness-vertical-001.html} |  8 +++---
 ...xt-decoration-thickness-vertical-002.html} |  6 ++---
 .../text-decoration-width-invalid.html        | 27 -------------------
 .../text-decoration-width-valid.html          | 24 -----------------
 ...th.html => text-decoration-thickness.html} |  4 +--
 18 files changed, 92 insertions(+), 92 deletions(-)
 rename css/css-text-decor/reference/{text-decoration-width-001-notref.html => text-decoration-thickness-001-notref.html} (89%)
 rename css/css-text-decor/reference/{text-decoration-width-green-rect-ref.html => text-decoration-thickness-green-rect-ref.html} (88%)
 rename css/css-text-decor/reference/{text-decoration-width-scroll-001-ref.html => text-decoration-thickness-scroll-001-ref.html} (87%)
 rename css/css-text-decor/reference/{text-decoration-width-vertical-green-rect-ref.html => text-decoration-thickness-vertical-green-rect-ref.html} (86%)
 rename css/css-text-decor/{text-decoration-width-001.html => text-decoration-thickness-001.html} (76%)
 rename css/css-text-decor/{text-decoration-width-computed.html => text-decoration-thickness-computed.html} (50%)
 rename css/css-text-decor/{text-decoration-width-initial.html => text-decoration-thickness-initial.html} (73%)
 create mode 100644 css/css-text-decor/text-decoration-thickness-invalid.html
 rename css/css-text-decor/{text-decoration-width-linethrough-001.html => text-decoration-thickness-linethrough-001.html} (78%)
 rename css/css-text-decor/{text-decoration-width-overline-001.html => text-decoration-thickness-overline-001.html} (78%)
 rename css/css-text-decor/{text-decoration-width-scroll-001.html => text-decoration-thickness-scroll-001.html} (78%)
 rename css/css-text-decor/{text-decoration-width-underline-001.html => text-decoration-thickness-underline-001.html} (78%)
 create mode 100644 css/css-text-decor/text-decoration-thickness-valid.html
 rename css/css-text-decor/{text-decoration-width-vertical-001.html => text-decoration-thickness-vertical-001.html} (82%)
 rename css/css-text-decor/{text-decoration-width-vertical-002.html => text-decoration-thickness-vertical-002.html} (88%)
 delete mode 100644 css/css-text-decor/text-decoration-width-invalid.html
 delete mode 100644 css/css-text-decor/text-decoration-width-valid.html
 rename css/css-typed-om/the-stylepropertymap/properties/{text-decoration-width.html => text-decoration-thickness.html} (87%)

diff --git a/css/css-text-decor/reference/text-decoration-width-001-notref.html b/css/css-text-decor/reference/text-decoration-thickness-001-notref.html
similarity index 89%
rename from css/css-text-decor/reference/text-decoration-width-001-notref.html
rename to css/css-text-decor/reference/text-decoration-thickness-001-notref.html
index 53a87c014d7dff..f876afa68c6555 100644
--- a/css/css-text-decor/reference/text-decoration-width-001-notref.html
+++ b/css/css-text-decor/reference/text-decoration-thickness-001-notref.html
@@ -2,7 +2,7 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <title>Non-reference case for text-decoration-width</title>
+    <title>Non-reference case for text-decoration-thickness</title>
     <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
     <style>
         #main {
diff --git a/css/css-text-decor/reference/text-decoration-width-green-rect-ref.html b/css/css-text-decor/reference/text-decoration-thickness-green-rect-ref.html
similarity index 88%
rename from css/css-text-decor/reference/text-decoration-width-green-rect-ref.html
rename to css/css-text-decor/reference/text-decoration-thickness-green-rect-ref.html
index 7bc3865a8619cc..14d1219001c85d 100644
--- a/css/css-text-decor/reference/text-decoration-width-green-rect-ref.html
+++ b/css/css-text-decor/reference/text-decoration-thickness-green-rect-ref.html
@@ -2,7 +2,7 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <title>Reference case for text-decoration-width</title>
+    <title>Reference case for text-decoration-thickness</title>
     <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
     <style>
         div{
diff --git a/css/css-text-decor/reference/text-decoration-width-scroll-001-ref.html b/css/css-text-decor/reference/text-decoration-thickness-scroll-001-ref.html
similarity index 87%
rename from css/css-text-decor/reference/text-decoration-width-scroll-001-ref.html
rename to css/css-text-decor/reference/text-decoration-thickness-scroll-001-ref.html
index dd4868417ba51b..394811468fea2d 100644
--- a/css/css-text-decor/reference/text-decoration-width-scroll-001-ref.html
+++ b/css/css-text-decor/reference/text-decoration-thickness-scroll-001-ref.html
@@ -2,7 +2,7 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <title>Reference case for text-decoration-width</title>
+    <title>Reference case for text-decoration-thickness</title>
     <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
     <style>
         #box{
diff --git a/css/css-text-decor/reference/text-decoration-width-vertical-green-rect-ref.html b/css/css-text-decor/reference/text-decoration-thickness-vertical-green-rect-ref.html
similarity index 86%
rename from css/css-text-decor/reference/text-decoration-width-vertical-green-rect-ref.html
rename to css/css-text-decor/reference/text-decoration-thickness-vertical-green-rect-ref.html
index ec7db180dc2c29..8955e8469aa6cd 100644
--- a/css/css-text-decor/reference/text-decoration-width-vertical-green-rect-ref.html
+++ b/css/css-text-decor/reference/text-decoration-thickness-vertical-green-rect-ref.html
@@ -2,7 +2,7 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <title>Reference case for text-decoration-width</title>
+    <title>Reference case for text-decoration-thickness</title>
     <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
     <style>
         #box{
diff --git a/css/css-text-decor/text-decoration-width-001.html b/css/css-text-decor/text-decoration-thickness-001.html
similarity index 76%
rename from css/css-text-decor/text-decoration-width-001.html
rename to css/css-text-decor/text-decoration-thickness-001.html
index ab6dfcadeb1ae1..8f314793f26344 100644
--- a/css/css-text-decor/text-decoration-width-001.html
+++ b/css/css-text-decor/text-decoration-thickness-001.html
@@ -2,12 +2,12 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <title>Test case for text-decoration-width</title>
-    <meta name="assert" content="text-decoration-width: should affect the underline thickness">
+    <title>Test case for text-decoration-thickness</title>
+    <meta name="assert" content="text-decoration-thickness: should affect the underline thickness">
     <link rel="author" title="Charlie Marlow" href="mailto:cmarlow@mozilla.com">
     <link rel="author" title="Mozilla" href="https://www.mozilla.org">
     <link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property">
-    <link rel="mismatch" href="reference/text-decoration-width-001-notref.html">
+    <link rel="mismatch" href="reference/text-decoration-thickness-001-notref.html">
     <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
     <style>
         #main {
@@ -21,7 +21,7 @@
             padding-right: 1em;
         }
         #rightbox {
-            text-decoration-width: 2em;
+            text-decoration-thickness: 2em;
         }
     </style>
 </head>
diff --git a/css/css-text-decor/text-decoration-width-computed.html b/css/css-text-decor/text-decoration-thickness-computed.html
similarity index 50%
rename from css/css-text-decor/text-decoration-width-computed.html
rename to css/css-text-decor/text-decoration-thickness-computed.html
index 0e00240141ea45..99e693afb5a395 100644
--- a/css/css-text-decor/text-decoration-width-computed.html
+++ b/css/css-text-decor/text-decoration-thickness-computed.html
@@ -2,9 +2,9 @@
 <html>
 <head>
 <meta charset="utf-8">
-<title>CSS Text Decoration Test: parsing text-decoration-width computed values</title>
+<title>CSS Text Decoration Test: parsing text-decoration-thickness computed values</title>
 <link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property">
-<meta name="assert" content="text-decoration-width computed value is as specified.">
+<meta name="assert" content="text-decoration-thickness computed value is as specified.">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
 <script src="/css/support/computed-testcommon.js"></script>
@@ -12,9 +12,9 @@
 <body>
 <div id="target"></div>
 <script>
-test_computed_value("text-decoration-width", "auto");
-test_computed_value("text-decoration-width", "from-font");
-test_computed_value("text-decoration-width", "calc(10px - 8px)", "2px");
+test_computed_value("text-decoration-thickness", "auto");
+test_computed_value("text-decoration-thickness", "from-font");
+test_computed_value("text-decoration-thickness", "calc(10px - 8px)", "2px");
 </script>
 </body>
 </html>
diff --git a/css/css-text-decor/text-decoration-width-initial.html b/css/css-text-decor/text-decoration-thickness-initial.html
similarity index 73%
rename from css/css-text-decor/text-decoration-width-initial.html
rename to css/css-text-decor/text-decoration-thickness-initial.html
index ee47af0f115d29..4c4ca9cc9ab972 100644
--- a/css/css-text-decor/text-decoration-width-initial.html
+++ b/css/css-text-decor/text-decoration-thickness-initial.html
@@ -4,14 +4,14 @@
 <meta charset="utf-8">
 <script src="/resources/testharness.js"></script>
 <script src="/resources/testharnessreport.js"></script>
-<link rel="help" title="2.4 Text Decoration Width: the 'text-decoration-width' property"
+<link rel="help" title="2.4 Text Decoration Width: the 'text-decoration-thickness' property"
       href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property" />
 </head>
 <body>
 <script>
 test(function() {
-  assert_equals(getComputedStyle(document.body)["text-decoration-width"], "auto", "Must be set to value auto as initial value.");
-}, "Initial value of text-decoration-width should be auto");
+  assert_equals(getComputedStyle(document.body)["text-decoration-thickness"], "auto", "Must be set to value auto as initial value.");
+}, "Initial value of text-decoration-thickness should be auto");
 </script>
 </body>
 </html>
diff --git a/css/css-text-decor/text-decoration-thickness-invalid.html b/css/css-text-decor/text-decoration-thickness-invalid.html
new file mode 100644
index 00000000000000..656fa3bba2aee7
--- /dev/null
+++ b/css/css-text-decor/text-decoration-thickness-invalid.html
@@ -0,0 +1,27 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS Text Decoration Test: parsing text-decoration-thickness with invalid values</title>
+<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property">
+<meta name="assert" content="text-decoration-thickness supports the following values: auto | from-font | <length>">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+</head>
+<body>
+<script>
+test_invalid_value("text-decoration-thickness", "otto");
+test_invalid_value("text-decoration-thickness", "asdlflj");
+test_invalid_value("text-decoration-thickness", "-10");
+test_invalid_value("text-decoration-thickness", "60002020");
+test_invalid_value("text-decoration-thickness", "!@#$%^&");
+test_invalid_value("text-decoration-thickness", "10e2");
+test_invalid_value("text-decoration-thickness", "from font");
+test_invalid_value("text-decoration-thickness", "10%");
+test_invalid_value("text-decoration-thickness", "-27%");
+test_invalid_value("text-decoration-thickness", "calc(40% - 20px)");
+test_invalid_value("text-decoration-thickness", "calc(100% - 40em)");
+</script>
+</body>
+</html>
diff --git a/css/css-text-decor/text-decoration-width-linethrough-001.html b/css/css-text-decor/text-decoration-thickness-linethrough-001.html
similarity index 78%
rename from css/css-text-decor/text-decoration-width-linethrough-001.html
rename to css/css-text-decor/text-decoration-thickness-linethrough-001.html
index cc48da15a7a7f0..37e954b2b8769e 100644
--- a/css/css-text-decor/text-decoration-width-linethrough-001.html
+++ b/css/css-text-decor/text-decoration-thickness-linethrough-001.html
@@ -2,12 +2,12 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <title>Test case for text-decoration-width</title>
-    <meta name="assert" content="text-decoration-width; the width of the decoration line is increased">
+    <title>Test case for text-decoration-thickness</title>
+    <meta name="assert" content="text-decoration-thickness; the width of the decoration line is increased">
     <link rel="author" title="Charlie Marlow" href="mailto:cmarlow@mozilla.com">
     <link rel="author" title="Mozilla" href="https://www.mozilla.org">
     <link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property">
-    <link rel="match" href="reference/text-decoration-width-green-rect-ref.html">
+    <link rel="match" href="reference/text-decoration-thickness-green-rect-ref.html">
     <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
     <style>
         div{
@@ -22,7 +22,7 @@
              * it will entirely cover the div's content-box (making it fully green) as long
              * as the line-through is approximately centered, vertically.
              */
-            text-decoration-width: 1.1em;
+            text-decoration-thickness: 1.1em;
         }
     </style>
 </head>
diff --git a/css/css-text-decor/text-decoration-width-overline-001.html b/css/css-text-decor/text-decoration-thickness-overline-001.html
similarity index 78%
rename from css/css-text-decor/text-decoration-width-overline-001.html
rename to css/css-text-decor/text-decoration-thickness-overline-001.html
index 21eb18b7ab28de..325811c96fd454 100644
--- a/css/css-text-decor/text-decoration-width-overline-001.html
+++ b/css/css-text-decor/text-decoration-thickness-overline-001.html
@@ -2,12 +2,12 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <title>Test case for text-decoration-width</title>
-    <meta name="assert" content="text-decoration-width: the width of the decoration line is increased">
+    <title>Test case for text-decoration-thickness</title>
+    <meta name="assert" content="text-decoration-thickness: the width of the decoration line is increased">
     <link rel="author" title="Charlie Marlow" href="mailto:cmarlow@mozilla.com">
     <link rel="author" title="Mozilla" href="https://www.mozilla.org">
     <link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property">
-    <link rel="match" href="reference/text-decoration-width-green-rect-ref.html">
+    <link rel="match" href="reference/text-decoration-thickness-green-rect-ref.html">
     <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
     <style>
         #box{
@@ -27,7 +27,7 @@
             top: 3em;
             text-decoration: green overline;
             text-decoration-skip-ink: none;
-            text-decoration-width: 4em;
+            text-decoration-thickness: 4em;
         }
     </style>
 </head>
diff --git a/css/css-text-decor/text-decoration-width-scroll-001.html b/css/css-text-decor/text-decoration-thickness-scroll-001.html
similarity index 78%
rename from css/css-text-decor/text-decoration-width-scroll-001.html
rename to css/css-text-decor/text-decoration-thickness-scroll-001.html
index f203bf10c2d67c..acc829dc66d75e 100644
--- a/css/css-text-decor/text-decoration-width-scroll-001.html
+++ b/css/css-text-decor/text-decoration-thickness-scroll-001.html
@@ -2,12 +2,12 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <title>Test case for text-decoration-width</title>
-    <meta name="assert" content="text-decoration-width: increased width text decorations don't create scrollable overflow">
+    <title>Test case for text-decoration-thickness</title>
+    <meta name="assert" content="text-decoration-thickness: increased width text decorations don't create scrollable overflow">
     <link rel="author" title="Charlie Marlow" href="mailto:cmarlow@mozilla.com">
     <link rel="author" title="Mozilla" href="https://www.mozilla.org">
     <link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property">
-    <link rel="match" href="reference/text-decoration-width-scroll-001-ref.html">
+    <link rel="match" href="reference/text-decoration-thickness-scroll-001-ref.html">
     <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
     <style>
         #box{
@@ -29,7 +29,7 @@
             color: transparent;
             text-decoration: green underline;
             text-decoration-skip-ink: none;
-            text-decoration-width: 8em;
+            text-decoration-thickness: 8em;
         }
     </style>
 </head>
diff --git a/css/css-text-decor/text-decoration-width-underline-001.html b/css/css-text-decor/text-decoration-thickness-underline-001.html
similarity index 78%
rename from css/css-text-decor/text-decoration-width-underline-001.html
rename to css/css-text-decor/text-decoration-thickness-underline-001.html
index 97ecc73a4a9119..020f849f4cf2d1 100644
--- a/css/css-text-decor/text-decoration-width-underline-001.html
+++ b/css/css-text-decor/text-decoration-thickness-underline-001.html
@@ -2,12 +2,12 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <title>Test case for text-decoration-width</title>
-    <meta name="assert" content="text-decoration-width: the width of the decoration line is increased">
+    <title>Test case for text-decoration-thickness</title>
+    <meta name="assert" content="text-decoration-thickness: the width of the decoration line is increased">
     <link rel="author" title="Charlie Marlow" href="mailto:cmarlow@mozilla.com">
     <link rel="author" title="Mozilla" href="https://www.mozilla.org">
     <link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property">
-    <link rel="match" href="reference/text-decoration-width-green-rect-ref.html">
+    <link rel="match" href="reference/text-decoration-thickness-green-rect-ref.html">
     <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
     <style>
         #box{
@@ -27,7 +27,7 @@
             bottom: 3em;
             text-decoration: green underline;
             text-decoration-skip-ink: none;
-            text-decoration-width: 4em;
+            text-decoration-thickness: 4em;
         }
     </style>
 </head>
diff --git a/css/css-text-decor/text-decoration-thickness-valid.html b/css/css-text-decor/text-decoration-thickness-valid.html
new file mode 100644
index 00000000000000..d05c8926748446
--- /dev/null
+++ b/css/css-text-decor/text-decoration-thickness-valid.html
@@ -0,0 +1,24 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<title>CSS Text Decoration Test: parsing text-decoration-thickness longhands with valid values</title>
+<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property">
+<meta name="assert" content="text-decoration-thickness supports the following values: auto | from-font | <length>">
+<script src="/resources/testharness.js"></script>
+<script src="/resources/testharnessreport.js"></script>
+<script src="/css/support/parsing-testcommon.js"></script>
+</head>
+<body>
+<script>
+test_valid_value("text-decoration-thickness", "auto");
+test_valid_value("text-decoration-thickness", "from-font");
+test_valid_value("text-decoration-thickness", "-10px");
+test_valid_value("text-decoration-thickness", "2001em");
+test_valid_value("text-decoration-thickness", "-49em");
+test_valid_value("text-decoration-thickness", "53px");
+test_valid_value("text-decoration-thickness", "calc(40em - 10px)");
+test_valid_value("text-decoration-thickness", "calc(-50em + 13px)");
+</script>
+</body>
+</html>
diff --git a/css/css-text-decor/text-decoration-width-vertical-001.html b/css/css-text-decor/text-decoration-thickness-vertical-001.html
similarity index 82%
rename from css/css-text-decor/text-decoration-width-vertical-001.html
rename to css/css-text-decor/text-decoration-thickness-vertical-001.html
index 5b4ab5e74dd8b7..f04f1b52f95fb3 100644
--- a/css/css-text-decor/text-decoration-width-vertical-001.html
+++ b/css/css-text-decor/text-decoration-thickness-vertical-001.html
@@ -2,12 +2,12 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <title>Test case for text-decoration-width</title>
-    <meta name="assert" content="text-decoration-width: the width of the decoration line is increased">
+    <title>Test case for text-decoration-thickness</title>
+    <meta name="assert" content="text-decoration-thickness: the width of the decoration line is increased">
     <link rel="author" title="Charlie Marlow" href="mailto:cmarlow@mozilla.com">
     <link rel="author" title="Mozilla" href="https://www.mozilla.org">
     <link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property">
-    <link rel="match" href="reference/text-decoration-width-vertical-green-rect-ref.html">
+    <link rel="match" href="reference/text-decoration-thickness-vertical-green-rect-ref.html">
     <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
     <style>
         #box{
@@ -34,7 +34,7 @@
             left: 1.3em;
             text-decoration: green underline;
             text-decoration-skip-ink: none;
-            text-decoration-width: 1.5em;
+            text-decoration-thickness: 1.5em;
         }
     </style>
 </head>
diff --git a/css/css-text-decor/text-decoration-width-vertical-002.html b/css/css-text-decor/text-decoration-thickness-vertical-002.html
similarity index 88%
rename from css/css-text-decor/text-decoration-width-vertical-002.html
rename to css/css-text-decor/text-decoration-thickness-vertical-002.html
index cbe4b1f8374c46..70421c507b71e5 100644
--- a/css/css-text-decor/text-decoration-width-vertical-002.html
+++ b/css/css-text-decor/text-decoration-thickness-vertical-002.html
@@ -2,12 +2,12 @@
 <html>
 <head>
     <meta charset="utf-8">
-    <title>Test case for text-decoration-width</title>
+    <title>Test case for text-decoration-thickness</title>
     <meta name="assert" content="text-decoration:width; the width of the decoration line is increased">
     <link rel="author" title="Charlie Marlow" href="mailto:cmarlow@mozilla.com">
     <link rel="author" title="Mozilla" href="https://www.mozilla.org">
     <link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property">
-    <link rel="match" href="reference/text-decoration-width-vertical-green-rect-ref.html">
+    <link rel="match" href="reference/text-decoration-thickness-vertical-green-rect-ref.html">
     <link rel="stylesheet" type="text/css" href="/fonts/ahem.css">
     <style>
         #box{
@@ -33,7 +33,7 @@
             right: 1em;
             text-decoration: green underline;
             text-decoration-skip-ink: none;
-            text-decoration-width: 1.2em;
+            text-decoration-thickness: 1.2em;
         }
     </style>
 </head>
diff --git a/css/css-text-decor/text-decoration-width-invalid.html b/css/css-text-decor/text-decoration-width-invalid.html
deleted file mode 100644
index e89fe47ff2d567..00000000000000
--- a/css/css-text-decor/text-decoration-width-invalid.html
+++ /dev/null
@@ -1,27 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<meta charset="utf-8">
-<title>CSS Text Decoration Test: parsing text-decoration-width with invalid values</title>
-<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property">
-<meta name="assert" content="text-decoration-width supports the following values: auto | from-font | <length>">
-<script src="/resources/testharness.js"></script>
-<script src="/resources/testharnessreport.js"></script>
-<script src="/css/support/parsing-testcommon.js"></script>
-</head>
-<body>
-<script>
-test_invalid_value("text-decoration-width", "otto");
-test_invalid_value("text-decoration-width", "asdlflj");
-test_invalid_value("text-decoration-width", "-10");
-test_invalid_value("text-decoration-width", "60002020");
-test_invalid_value("text-decoration-width", "!@#$%^&");
-test_invalid_value("text-decoration-width", "10e2");
-test_invalid_value("text-decoration-width", "from font");
-test_invalid_value("text-decoration-width", "10%");
-test_invalid_value("text-decoration-width", "-27%");
-test_invalid_value("text-decoration-width", "calc(40% - 20px)");
-test_invalid_value("text-decoration-width", "calc(100% - 40em)");
-</script>
-</body>
-</html>
diff --git a/css/css-text-decor/text-decoration-width-valid.html b/css/css-text-decor/text-decoration-width-valid.html
deleted file mode 100644
index 583ebb0d3cf52d..00000000000000
--- a/css/css-text-decor/text-decoration-width-valid.html
+++ /dev/null
@@ -1,24 +0,0 @@
-<!DOCTYPE html>
-<html>
-<head>
-<meta charset="utf-8">
-<title>CSS Text Decoration Test: parsing text-decoration-width longhands with valid values</title>
-<link rel="help" href="https://drafts.csswg.org/css-text-decor-4/#text-decoration-width-property">
-<meta name="assert" content="text-decoration-width supports the following values: auto | from-font | <length>">
-<script src="/resources/testharness.js"></script>
-<script src="/resources/testharnessreport.js"></script>
-<script src="/css/support/parsing-testcommon.js"></script>
-</head>
-<body>
-<script>
-test_valid_value("text-decoration-width", "auto");
-test_valid_value("text-decoration-width", "from-font");
-test_valid_value("text-decoration-width", "-10px");
-test_valid_value("text-decoration-width", "2001em");
-test_valid_value("text-decoration-width", "-49em");
-test_valid_value("text-decoration-width", "53px");
-test_valid_value("text-decoration-width", "calc(40em - 10px)");
-test_valid_value("text-decoration-width", "calc(-50em + 13px)");
-</script>
-</body>
-</html>
diff --git a/css/css-typed-om/the-stylepropertymap/properties/text-decoration-width.html b/css/css-typed-om/the-stylepropertymap/properties/text-decoration-thickness.html
similarity index 87%
rename from css/css-typed-om/the-stylepropertymap/properties/text-decoration-width.html
rename to css/css-typed-om/the-stylepropertymap/properties/text-decoration-thickness.html
index 43aeb165645d10..903ca8603fb882 100644
--- a/css/css-typed-om/the-stylepropertymap/properties/text-decoration-width.html
+++ b/css/css-typed-om/the-stylepropertymap/properties/text-decoration-thickness.html
@@ -1,6 +1,6 @@
 <!doctype html>
 <meta charset="utf-8">
-<title>'text-decoration-width' property</title>
+<title>'text-decoration-thickness' property</title>
 <link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-get">
 <link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#dom-stylepropertymap-set">
 <link rel="help" href="https://drafts.css-houdini.org/css-typed-om-1/#property-stle-value-normalization">
@@ -13,7 +13,7 @@
 <script>
 'use strict';
 
-runPropertyTests('text-decoration-width', [
+runPropertyTests('text-decoration-thickness', [
   { syntax: 'auto' },
   {
     syntax: '<length>',