From bc610fb8c0ad268df7a887f51ce81c00bff0676f Mon Sep 17 00:00:00 2001 From: sb3nder <38193798+SB3NDER@users.noreply.github.com> Date: Sat, 11 Apr 2026 00:35:52 +0200 Subject: [PATCH 1/3] fix(css): Fix `border-*` animationType, computed, initial, and syntax - use the correct shorthand properties in the initial, computed, and animationType fields. - order shorthand properties in canonical order. - use `border-top-*` consistently in logical properties syntax. --- css/properties.json | 222 +++++++++++++++++++++++++++----------------- 1 file changed, 135 insertions(+), 87 deletions(-) diff --git a/css/properties.json b/css/properties.json index 0928ccbf..48eb0cf7 100644 --- a/css/properties.json +++ b/css/properties.json @@ -2463,7 +2463,7 @@ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/border" }, "border-block": { - "syntax": "<'border-block-start'>", + "syntax": "<'border-top'>", "media": "visual", "inherited": false, "animationType": [ @@ -2494,41 +2494,50 @@ "syntax": "<'border-top-color'>{1,2}", "media": "visual", "inherited": false, - "animationType": "byComputedValueType", + "animationType": [ + "border-block-start-color", + "border-block-end-color" + ], "percentages": "no", "groups": [ "CSS Logical Properties and Values" ], - "initial": "currentcolor", + "initial": [ + "border-block-start-color", + "border-block-end-color" + ], "appliesto": "allElements", - "computed": "computedColor", + "computed": [ + "border-block-start-color", + "border-block-end-color" + ], "order": "uniqueOrder", "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/border-block-color" }, "border-block-end": { - "syntax": "<'border-top-width'> || <'border-top-style'> || ", + "syntax": "<'border-top'>", "media": "visual", "inherited": false, "animationType": [ - "border-block-end-color", + "border-block-end-width", "border-block-end-style", - "border-block-end-width" + "border-block-end-color" ], "percentages": "no", "groups": [ "CSS Logical Properties and Values" ], "initial": [ - "border-top-width", - "border-top-style", - "border-top-color" + "border-block-end-width", + "border-block-end-style", + "border-block-end-color" ], "appliesto": "allElements", "computed": [ - "border-top-width", - "border-top-style", - "border-top-color" + "border-block-end-width", + "border-block-end-style", + "border-block-end-color" ], "order": "uniqueOrder", "status": "standard", @@ -2583,27 +2592,27 @@ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/border-block-end-width" }, "border-block-start": { - "syntax": "<'border-top-width'> || <'border-top-style'> || ", + "syntax": "<'border-top'>", "media": "visual", "inherited": false, "animationType": [ - "border-block-start-color", + "border-block-start-width", "border-block-start-style", - "border-block-start-width" + "border-block-start-color" ], "percentages": "no", "groups": [ "CSS Logical Properties and Values" ], "initial": [ - "border-width", - "border-style", - "color" + "border-block-start-width", + "border-block-start-style", + "border-block-start-color" ], "appliesto": "allElements", "computed": [ - "border-width", - "border-style", + "border-block-start-width", + "border-block-start-style", "border-block-start-color" ], "order": "uniqueOrder", @@ -2667,9 +2676,15 @@ "groups": [ "CSS Logical Properties and Values" ], - "initial": "none", + "initial": [ + "border-block-start-style", + "border-block-end-style" + ], "appliesto": "allElements", - "computed": "asSpecified", + "computed": [ + "border-block-start-style", + "border-block-end-style" + ], "order": "uniqueOrder", "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/border-block-style" @@ -2678,14 +2693,23 @@ "syntax": "<'border-top-width'>{1,2}", "media": "visual", "inherited": false, - "animationType": "byComputedValueType", "percentages": "logicalWidthOfContainingBlock", + "animationType": [ + "border-block-start-width", + "border-block-end-width" + ], "groups": [ "CSS Logical Properties and Values" ], - "initial": "medium", + "initial": [ + "border-block-start-width", + "border-block-end-width" + ], "appliesto": "allElements", - "computed": "absoluteLengthZeroIfBorderStyleNoneOrHidden", + "computed": [ + "border-block-start-width", + "border-block-end-width" + ], "order": "uniqueOrder", "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/border-block-width" @@ -2695,9 +2719,9 @@ "media": "visual", "inherited": false, "animationType": [ - "border-bottom-color", + "border-bottom-width", "border-bottom-style", - "border-bottom-width" + "border-bottom-color" ], "percentages": "no", "groups": [ @@ -2837,10 +2861,10 @@ "media": "visual", "inherited": false, "animationType": [ - "border-bottom-color", - "border-left-color", + "border-top-color", "border-right-color", - "border-top-color" + "border-bottom-color", + "border-left-color" ], "percentages": "no", "groups": [ @@ -2854,10 +2878,10 @@ ], "appliesto": "allElements", "computed": [ - "border-bottom-color", - "border-left-color", + "border-top-color", "border-right-color", - "border-top-color" + "border-bottom-color", + "border-left-color" ], "order": "uniqueOrder", "alsoAppliesTo": [ @@ -2909,11 +2933,11 @@ "media": "visual", "inherited": false, "animationType": [ - "border-image-outset", - "border-image-repeat", - "border-image-slice", "border-image-source", - "border-image-width" + "border-image-slice", + "border-image-width", + "border-image-outset", + "border-image-repeat" ], "percentages": [ "border-image-slice", @@ -2931,11 +2955,11 @@ ], "appliesto": "allElementsExceptTableElementsWhenCollapse", "computed": [ - "border-image-outset", - "border-image-repeat", - "border-image-slice", "border-image-source", - "border-image-width" + "border-image-slice", + "border-image-width", + "border-image-outset", + "border-image-repeat" ], "order": "uniqueOrder", "alsoAppliesTo": [ @@ -3040,13 +3064,13 @@ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/border-image-width" }, "border-inline": { - "syntax": "<'border-block-start'>", + "syntax": "<'border-top'>", "media": "visual", "inherited": false, "animationType": [ - "border-inline-color", + "border-inline-width", "border-inline-style", - "border-inline-width" + "border-inline-color" ], "percentages": "no", "groups": [ @@ -3071,40 +3095,49 @@ "syntax": "<'border-top-color'>{1,2}", "media": "visual", "inherited": false, - "animationType": "byComputedValueType", + "animationType": [ + "border-inline-start-color", + "border-inline-end-color" + ], "percentages": "no", "groups": [ "CSS Logical Properties and Values" ], - "initial": "currentcolor", + "initial": [ + "border-inline-start-color", + "border-inline-end-color" + ], "appliesto": "allElements", - "computed": "computedColor", + "computed": [ + "border-inline-start-color", + "border-inline-end-color" + ], "order": "uniqueOrder", "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-color" }, "border-inline-end": { - "syntax": "<'border-top-width'> || <'border-top-style'> || ", + "syntax": "<'border-top'>", "media": "visual", "inherited": false, "animationType": [ - "border-inline-end-color", + "border-inline-end-width", "border-inline-end-style", - "border-inline-end-width" + "border-inline-end-color" ], "percentages": "no", "groups": [ "CSS Logical Properties and Values" ], "initial": [ - "border-width", - "border-style", - "color" + "border-inline-end-width", + "border-inline-end-style", + "border-inline-end-color" ], "appliesto": "allElements", "computed": [ - "border-width", - "border-style", + "border-inline-end-width", + "border-inline-end-style", "border-inline-end-color" ], "order": "uniqueOrder", @@ -3160,27 +3193,27 @@ "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-end-width" }, "border-inline-start": { - "syntax": "<'border-top-width'> || <'border-top-style'> || ", + "syntax": "<'border-top'>", "media": "visual", "inherited": false, "animationType": [ - "border-inline-start-color", + "border-inline-start-width", "border-inline-start-style", - "border-inline-start-width" + "border-inline-start-color" ], "percentages": "no", "groups": [ "CSS Logical Properties and Values" ], "initial": [ - "border-width", - "border-style", - "color" + "border-inline-start-width", + "border-inline-start-style", + "border-inline-start-color" ], "appliesto": "allElements", "computed": [ - "border-width", - "border-style", + "border-inline-start-width", + "border-inline-start-style", "border-inline-start-color" ], "order": "uniqueOrder", @@ -3244,9 +3277,15 @@ "groups": [ "CSS Logical Properties and Values" ], - "initial": "none", + "initial": [ + "border-inline-start-style", + "border-inline-end-style" + ], "appliesto": "allElements", - "computed": "asSpecified", + "computed": [ + "border-inline-start-style", + "border-inline-end-style" + ], "order": "uniqueOrder", "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-style" @@ -3255,14 +3294,23 @@ "syntax": "<'border-top-width'>{1,2}", "media": "visual", "inherited": false, - "animationType": "byComputedValueType", "percentages": "logicalWidthOfContainingBlock", + "animationType": [ + "border-inline-start-width", + "border-inline-end-width" + ], "groups": [ "CSS Logical Properties and Values" ], - "initial": "medium", + "initial": [ + "border-inline-start-width", + "border-inline-end-width" + ], "appliesto": "allElements", - "computed": "absoluteLengthZeroIfBorderStyleNoneOrHidden", + "computed": [ + "border-inline-start-width", + "border-inline-end-width" + ], "order": "uniqueOrder", "status": "standard", "mdn_url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-width" @@ -3272,9 +3320,9 @@ "media": "visual", "inherited": false, "animationType": [ - "border-left-color", + "border-left-width", "border-left-style", - "border-left-width" + "border-left-color" ], "percentages": "no", "groups": [ @@ -3377,10 +3425,10 @@ ], "appliesto": "allElementsUAsNotRequiredWhenCollapse", "computed": [ - "border-bottom-left-radius", - "border-bottom-right-radius", "border-top-left-radius", - "border-top-right-radius" + "border-top-right-radius", + "border-bottom-right-radius", + "border-bottom-left-radius" ], "order": "uniqueOrder", "alsoAppliesTo": [ @@ -3394,9 +3442,9 @@ "media": "visual", "inherited": false, "animationType": [ - "border-right-color", + "border-right-width", "border-right-style", - "border-right-width" + "border-right-color" ], "percentages": "no", "groups": [ @@ -3548,10 +3596,10 @@ ], "appliesto": "allElements", "computed": [ - "border-bottom-style", - "border-left-style", + "border-top-style", "border-right-style", - "border-top-style" + "border-bottom-style", + "border-left-style" ], "order": "uniqueOrder", "alsoAppliesTo": [ @@ -3565,9 +3613,9 @@ "media": "visual", "inherited": false, "animationType": [ - "border-top-color", + "border-top-width", "border-top-style", - "border-top-width" + "border-top-color" ], "percentages": "no", "groups": [ @@ -3691,10 +3739,10 @@ "media": "visual", "inherited": false, "animationType": [ - "border-bottom-width", - "border-left-width", + "border-top-width", "border-right-width", - "border-top-width" + "border-bottom-width", + "border-left-width" ], "percentages": "no", "groups": [ @@ -3708,10 +3756,10 @@ ], "appliesto": "allElements", "computed": [ - "border-bottom-width", - "border-left-width", + "border-top-width", "border-right-width", - "border-top-width" + "border-bottom-width", + "border-left-width" ], "order": "uniqueOrder", "alsoAppliesTo": [ From b6b23e1421e95e1ee3f5eea762081f2f1abff750 Mon Sep 17 00:00:00 2001 From: sb3nder Date: Sat, 11 Apr 2026 00:47:14 +0200 Subject: [PATCH 2/3] fix(css): Set all `border-*` percentages to "no" --- css/properties.json | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/css/properties.json b/css/properties.json index 48eb0cf7..c4978426 100644 --- a/css/properties.json +++ b/css/properties.json @@ -2580,7 +2580,7 @@ "media": "visual", "inherited": false, "animationType": "byComputedValueType", - "percentages": "logicalWidthOfContainingBlock", + "percentages": "no", "groups": [ "CSS Logical Properties and Values" ], @@ -2656,7 +2656,7 @@ "media": "visual", "inherited": false, "animationType": "byComputedValueType", - "percentages": "logicalWidthOfContainingBlock", + "percentages": "no", "groups": [ "CSS Logical Properties and Values" ], @@ -2693,11 +2693,11 @@ "syntax": "<'border-top-width'>{1,2}", "media": "visual", "inherited": false, - "percentages": "logicalWidthOfContainingBlock", "animationType": [ "border-block-start-width", "border-block-end-width" ], + "percentages": "no", "groups": [ "CSS Logical Properties and Values" ], @@ -3181,7 +3181,7 @@ "media": "visual", "inherited": false, "animationType": "byComputedValueType", - "percentages": "logicalWidthOfContainingBlock", + "percentages": "no", "groups": [ "CSS Logical Properties and Values" ], @@ -3257,7 +3257,7 @@ "media": "visual", "inherited": false, "animationType": "byComputedValueType", - "percentages": "logicalWidthOfContainingBlock", + "percentages": "no", "groups": [ "CSS Logical Properties and Values" ], @@ -3294,11 +3294,11 @@ "syntax": "<'border-top-width'>{1,2}", "media": "visual", "inherited": false, - "percentages": "logicalWidthOfContainingBlock", "animationType": [ "border-inline-start-width", "border-inline-end-width" ], + "percentages": "no", "groups": [ "CSS Logical Properties and Values" ], From 608ffd57517e077f349b69eaf5124c189a0ada1b Mon Sep 17 00:00:00 2001 From: sb3nder Date: Sat, 11 Apr 2026 00:48:52 +0200 Subject: [PATCH 3/3] fix(css): Set `border-spacing` animationType to "byComputedValueType" --- css/properties.json | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/css/properties.json b/css/properties.json index c4978426..a755feae 100644 --- a/css/properties.json +++ b/css/properties.json @@ -3529,7 +3529,7 @@ "syntax": "{1,2}", "media": "visual", "inherited": true, - "animationType": "discrete", + "animationType": "byComputedValueType", "percentages": "no", "groups": [ "CSS Table"