diff --git a/css/css-backgrounds/parsing/background-position-x-valid.html b/css/css-backgrounds/parsing/background-position-x-valid.html
index 282d7d27bf5560..ca9c229db4a8bd 100644
--- a/css/css-backgrounds/parsing/background-position-x-valid.html
+++ b/css/css-backgrounds/parsing/background-position-x-valid.html
@@ -19,13 +19,13 @@
 test_valid_value("background-position-x", "-20%");
 test_valid_value("background-position-x", "10px");
 test_valid_value("background-position-x", "0.5em");
-test_valid_value("background-position-x", "calc(10px - 0.5em)");
+test_valid_value("background-position-x", "calc(10px - 0.5em)", "calc(-0.5em + 10px)");
 test_valid_value("background-position-x", "left -20%");
 test_valid_value("background-position-x", "right 10px");
 test_valid_value("background-position-x", "-20%, 10px");
 test_valid_value("background-position-x", "center, left, right");
 test_valid_value("background-position-x", "0.5em, x-start, x-end");
-test_valid_value("background-position-x", "calc(10px - 0.5em), left -20%, right 10px");
+test_valid_value("background-position-x", "calc(10px - 0.5em), left -20%, right 10px", "calc(-0.5em + 10px), left -20%, right 10px");
 </script>
 </body>
 </html>
diff --git a/css/css-backgrounds/parsing/background-position-y-valid.html b/css/css-backgrounds/parsing/background-position-y-valid.html
index 1413a2e959a4cf..55c54b84262148 100644
--- a/css/css-backgrounds/parsing/background-position-y-valid.html
+++ b/css/css-backgrounds/parsing/background-position-y-valid.html
@@ -19,13 +19,13 @@
 test_valid_value("background-position-y", "-20%");
 test_valid_value("background-position-y", "10px");
 test_valid_value("background-position-y", "0.5em");
-test_valid_value("background-position-y", "calc(10px - 0.5em)");
+test_valid_value("background-position-y", "calc(10px - 0.5em)", "calc(-0.5em + 10px)");
 test_valid_value("background-position-y", "top -20%");
 test_valid_value("background-position-y", "bottom 10px");
 test_valid_value("background-position-y", "-20%, 10px");
 test_valid_value("background-position-y", "center, top, bottom");
 test_valid_value("background-position-y", "0.5em, y-start, y-end");
-test_valid_value("background-position-y", "calc(10px - 0.5em), top -20%, bottom 10px");
+test_valid_value("background-position-y", "calc(10px - 0.5em), top -20%, bottom 10px", "calc(-0.5em + 10px), top -20%, top 10px");
 </script>
 </body>
 </html>
diff --git a/css/css-logical/parsing/border-block-valid.html b/css/css-logical/parsing/border-block-valid.html
index 973a1199c285f9..68c9797c0f44a7 100644
--- a/css/css-logical/parsing/border-block-valid.html
+++ b/css/css-logical/parsing/border-block-valid.html
@@ -19,7 +19,7 @@
 test_valid_value("border-block-start", "green double thin", "thin double green");
 test_valid_value("border-block-start", "green", ["green", "medium none green"]);
 test_valid_value("border-block-end", "thin", ["thin", "thin none"]);
-test_valid_value("border-block-end", "calc(10px - 0.5em) dotted red");
+test_valid_value("border-block-end", "calc(10px - 0.5em) dotted red", "calc(-0.5em + 10px) dotted red");
 </script>
 </body>
 </html>
diff --git a/css/css-logical/parsing/border-block-width-valid.html b/css/css-logical/parsing/border-block-width-valid.html
index 98987df9a703ef..03b02a2566491d 100644
--- a/css/css-logical/parsing/border-block-width-valid.html
+++ b/css/css-logical/parsing/border-block-width-valid.html
@@ -13,14 +13,14 @@
 <script>
 // <length> | thin | medium | thick
 test_valid_value("border-block-start-width", "10px");
-test_valid_value("border-block-start-width", "calc(10px + 0.5em)");
+test_valid_value("border-block-start-width", "calc(10px + 0.5em)", "calc(0.5em + 10px)");
 test_valid_value("border-block-start-width", "thick");
 test_valid_value("border-block-start-width", "thin");
 test_valid_value("border-block-end-width", "0", "0px");
-test_valid_value("border-block-end-width", "calc(10px - 0.5em)");
+test_valid_value("border-block-end-width", "calc(10px - 0.5em)", "calc(-0.5em + 10px)");
 test_valid_value("border-block-end-width", "medium");
 test_valid_value("border-block-width", "10px");
-test_valid_value("border-block-width", "medium calc(10px + 0.5em)");
+test_valid_value("border-block-width", "medium calc(10px + 0.5em)", "medium calc(0.5em + 10px)");
 test_valid_value("border-block-width", "10px 10px", "10px");
 </script>
 </body>
diff --git a/css/css-logical/parsing/border-inline-valid.html b/css/css-logical/parsing/border-inline-valid.html
index b7207c0f23541e..be29783acf474d 100644
--- a/css/css-logical/parsing/border-inline-valid.html
+++ b/css/css-logical/parsing/border-inline-valid.html
@@ -19,7 +19,7 @@
 test_valid_value("border-inline-start", "green double thin", "thin double green");
 test_valid_value("border-inline-start", "green", ["green", "medium none green"]);
 test_valid_value("border-inline-end", "thin", ["thin", "thin none"]);
-test_valid_value("border-inline-end", "calc(10px - 0.5em) dotted red");
+test_valid_value("border-inline-end", "calc(10px - 0.5em) dotted red", "calc(-0.5em + 10px) dotted red");
 </script>
 </body>
 </html>
diff --git a/css/css-logical/parsing/border-inline-width-valid.html b/css/css-logical/parsing/border-inline-width-valid.html
index 03c3e0fca2fb56..81c7049c5e94c8 100644
--- a/css/css-logical/parsing/border-inline-width-valid.html
+++ b/css/css-logical/parsing/border-inline-width-valid.html
@@ -13,14 +13,14 @@
 <script>
 // <length> | thin | medium | thick
 test_valid_value("border-inline-start-width", "10px");
-test_valid_value("border-inline-start-width", "calc(10px + 0.5em)");
+test_valid_value("border-inline-start-width", "calc(10px + 0.5em)", "calc(0.5em + 10px)");
 test_valid_value("border-inline-start-width", "thick");
 test_valid_value("border-inline-start-width", "thin");
 test_valid_value("border-inline-end-width", "0", "0px");
-test_valid_value("border-inline-end-width", "calc(10px - 0.5em)");
+test_valid_value("border-inline-end-width", "calc(10px - 0.5em)", "calc(-0.5em + 10px)");
 test_valid_value("border-inline-end-width", "medium");
 test_valid_value("border-inline-width", "10px");
-test_valid_value("border-inline-width", "medium calc(10px + 0.5em)");
+test_valid_value("border-inline-width", "medium calc(10px + 0.5em)", "medium calc(0.5em + 10px)");
 test_valid_value("border-inline-width", "10px 10px", "10px");
 </script>
 </body>
diff --git a/css/css-logical/parsing/inset-block-inline-valid.html b/css/css-logical/parsing/inset-block-inline-valid.html
index 1287f697873efb..b08975251d841b 100644
--- a/css/css-logical/parsing/inset-block-inline-valid.html
+++ b/css/css-logical/parsing/inset-block-inline-valid.html
@@ -15,16 +15,16 @@
 test_valid_value("inset-block-start", "auto");
 test_valid_value("inset-block-end", "-10px");
 test_valid_value("inset-inline-start", "-20%");
-test_valid_value("inset-inline-end", "calc(10px - 0.5em)");
+test_valid_value("inset-inline-end", "calc(10px - 0.5em)", "calc(-0.5em + 10px)");
 
 test_valid_value("inset-block", "auto");
 test_valid_value("inset-block", "-10px");
-test_valid_value("inset-block", "calc(10px - 0.5em) -20%");
+test_valid_value("inset-block", "calc(10px - 0.5em) -20%", "calc(-0.5em + 10px) -20%");
 test_valid_value("inset-block", "auto auto", "auto");
 test_valid_value("inset-inline", "-20%");
-test_valid_value("inset-inline", "calc(10px - 0.5em)");
+test_valid_value("inset-inline", "calc(10px - 0.5em)", "calc(-0.5em + 10px)");
 test_valid_value("inset-inline", "-10px auto");
-test_valid_value("inset-inline", "auto calc(10px + 0.5em)");
+test_valid_value("inset-inline", "auto calc(10px + 0.5em)", "auto calc(0.5em + 10px)");
 </script>
 </body>
 </html>
diff --git a/css/css-tables/parsing/border-spacing-valid.html b/css/css-tables/parsing/border-spacing-valid.html
index 98bf402fc6ccd0..cf594ee6b89e80 100644
--- a/css/css-tables/parsing/border-spacing-valid.html
+++ b/css/css-tables/parsing/border-spacing-valid.html
@@ -13,7 +13,7 @@
 <script>
 test_valid_value("border-spacing", "0px");
 test_valid_value("border-spacing", "10px 20px");
-test_valid_value("border-spacing", "calc(10px + 0.5em) calc(10px - 0.5em)");
+test_valid_value("border-spacing", "calc(10px + 0.5em) calc(10px - 0.5em)", "calc(0.5em + 10px) calc(-0.5em + 10px)");
 </script>
 </body>
 </html>