Skip to content

feat(css): update computed for border/column-rule/outline-width, outline-offset #1069

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
dipikabh merged 4 commits into from
Jul 9, 2026
Merged

feat(css): update computed for border/column-rule/outline-width, outline-offset #1069

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
12b6986
feat(css): Update computed for `border/column-rule/outline-width`, `o…
sb3nder May 9, 2026
ad155ee
add link
sb3nder May 19, 2026
be46035
simplify description
sb3nder Jul 8, 2026
0dad758
remove unused computed values
sb3nder Jul 8, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
30 changes: 15 additions & 15 deletions css/properties.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1214,7 +1214,7 @@
],
"initial": "medium",
"appliesto": "allElements",
"computed": "absoluteLength",
"computed": "absoluteLengthSnappedAsLineWidth",
"order": "uniqueOrder",
"status": "nonstandard"
},
Expand Down Expand Up @@ -1287,7 +1287,7 @@
],
"initial": "medium",
"appliesto": "allElements",
"computed": "absoluteLength",
"computed": "absoluteLengthSnappedAsLineWidth",
"order": "uniqueOrder",
"status": "nonstandard"
},
Expand Down Expand Up @@ -1359,7 +1359,7 @@
],
"initial": "medium",
"appliesto": "allElements",
"computed": "absoluteLength",
"computed": "absoluteLengthSnappedAsLineWidth",
"order": "uniqueOrder",
"status": "nonstandard"
},
Expand Down Expand Up @@ -1431,7 +1431,7 @@
],
"initial": "medium",
"appliesto": "allElements",
"computed": "absoluteLength",
"computed": "absoluteLengthSnappedAsLineWidth",
"order": "uniqueOrder",
"status": "nonstandard"
},
Expand Down Expand Up @@ -2804,7 +2804,7 @@
],
"initial": "medium",
"appliesto": "allElements",
"computed": "absoluteLengthZeroIfBorderStyleNoneOrHidden",
"computed": "absoluteLengthSnappedAsLineWidth",
"order": "uniqueOrder",
"status": "standard",
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/border-block-end-width"
Expand Down Expand Up @@ -2880,7 +2880,7 @@
],
"initial": "medium",
"appliesto": "allElements",
"computed": "absoluteLengthZeroIfBorderStyleNoneOrHidden",
"computed": "absoluteLengthSnappedAsLineWidth",
"order": "uniqueOrder",
"status": "standard",
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/border-block-start-width"
Expand Down Expand Up @@ -3050,7 +3050,7 @@
],
"initial": "medium",
"appliesto": "allElements",
"computed": "absoluteLengthOr0IfBorderBottomStyleNoneOrHidden",
"computed": "absoluteLengthSnappedAsLineWidth",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
Expand Down Expand Up @@ -3405,7 +3405,7 @@
],
"initial": "medium",
"appliesto": "allElements",
"computed": "absoluteLengthZeroIfBorderStyleNoneOrHidden",
"computed": "absoluteLengthSnappedAsLineWidth",
"order": "uniqueOrder",
"status": "standard",
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-end-width"
Expand Down Expand Up @@ -3481,7 +3481,7 @@
],
"initial": "medium",
"appliesto": "allElements",
"computed": "absoluteLengthZeroIfBorderStyleNoneOrHidden",
"computed": "absoluteLengthSnappedAsLineWidth",
"order": "uniqueOrder",
"status": "standard",
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/border-inline-start-width"
Expand Down Expand Up @@ -3613,7 +3613,7 @@
],
"initial": "medium",
"appliesto": "allElements",
"computed": "absoluteLengthOr0IfBorderLeftStyleNoneOrHidden",
"computed": "absoluteLengthSnappedAsLineWidth",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
Expand Down Expand Up @@ -3735,7 +3735,7 @@
],
"initial": "medium",
"appliesto": "allElements",
"computed": "absoluteLengthOr0IfBorderRightStyleNoneOrHidden",
"computed": "absoluteLengthSnappedAsLineWidth",
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
Expand Down Expand Up @@ -3944,7 +3944,7 @@
],
"initial": "medium",
"appliesto": "allElements",
"computed": "absoluteLengthOr0IfBorderTopStyleNoneOrHidden",
"computed": "absoluteLengthSnappedAsLineWidth",
Comment thread
sb3nder marked this conversation as resolved.
"order": "uniqueOrder",
"alsoAppliesTo": [
"::first-letter"
Expand Down Expand Up @@ -4582,7 +4582,7 @@
],
"initial": "medium",
"appliesto": "multicolElements",
"computed": "absoluteLength0IfColumnRuleStyleNoneOrHidden",
"computed": "absoluteLengthSnappedAsLineWidth",
"order": "perGrammar",
"status": "standard",
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/column-rule-width"
Expand Down Expand Up @@ -8586,7 +8586,7 @@
],
"initial": "0",
"appliesto": "allElements",
"computed": "asSpecifiedRelativeToAbsoluteLengths",
"computed": "absoluteLengthSnappedAsLineWidth",
"order": "uniqueOrder",
"status": "standard",
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/outline-offset"
Expand Down Expand Up @@ -8624,7 +8624,7 @@
],
"initial": "medium",
"appliesto": "allElements",
"computed": "absoluteLength0ForNone",
"computed": "absoluteLengthSnappedAsLineWidth",
"order": "uniqueOrder",
"status": "standard",
"mdn_url": "https://developer.mozilla.org/docs/Web/CSS/outline-width"
Expand Down
8 changes: 1 addition & 7 deletions css/properties.schema.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -104,20 +104,14 @@
"computed": {
"enum": [
"absoluteLength",
"absoluteLength0ForNone",
"absoluteLength0IfColumnRuleStyleNoneOrHidden",
"absoluteLengthOr0IfBorderBottomStyleNoneOrHidden",
"absoluteLengthOr0IfBorderLeftStyleNoneOrHidden",
"absoluteLengthOr0IfBorderRightStyleNoneOrHidden",
"absoluteLengthOr0IfBorderTopStyleNoneOrHidden",
"absoluteLengthOrAsSpecified",
"absoluteLengthOrKeyword",
"absoluteLengthOrNone",
"absoluteLengthOrNormal",
"absoluteLengthOrPercentage",
"absoluteLengthOrPercentageNumbersConverted",
"absoluteLengthSnappedAsLineWidth",
"absoluteLengthsSpecifiedColorAsSpecified",
"absoluteLengthZeroIfBorderStyleNoneOrHidden",
"absoluteLengthZeroOrLarger",
"absoluteURIOrNone",
"angleRoundedToNextQuarter",
Expand Down
65 changes: 3 additions & 62 deletions l10n/css.json
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -20,60 +20,6 @@
"zh-CN": "绝对 {{cssxref(\"length\")}}",
"zh-TW": "絕對{{cssxref(\"length\")}}"
},
"absoluteLength0ForNone": {
"de": "eine absolute Länge; falls das Schlüsselwort <code>none</code> angegeben wurde, ist der berechnete Wert <code>0</code>",
"en-US": "an absolute length; if the keyword <code>none</code> is specified, the computed value is <code>0</code>",
"fr": "une longueur absolue&nbsp;; si le mot-clé <code>none</code> est défini, la valeur calculée sera <code>0</code>",
"ja": "絶対的な長さ、キーワード <code>none</code> が指定されると計算値は <code>0</code> になる",
"ru": "абсолютная длина; если указано ключевое слово <code>none</code>, вычисленное значение - <code>0</code>",
"zh-CN": "绝对长度；如果指定关键词为 <code>none</code>，则计算值为 <code>0</code>",
"zh-TW": "絕對長度；若指定了關鍵字 <code>none</code>，計算值則為 <code>0</code>"
},
"absoluteLength0IfColumnRuleStyleNoneOrHidden": {
"de": "die absolute Länge; <code>0</code> falls {{cssxref(\"column-rule-style\")}} <code>none</code> oder <code>hidden</code> ist",
"en-US": "the absolute length; <code>0</code> if the {{cssxref(\"column-rule-style\")}} is <code>none</code> or <code>hidden</code>",
"fr": "une longueur absolue ou <code>0</code> si {{cssxref(\"column-rule-style\")}} vaut <code>none</code> ou <code>hidden</code>",
"ja": "絶対的な長さ、列の罫線のスタイルが <code>none</code> か <code>hidden</code> なら <code>0</code>",
"ru": "абсолютная длина; <code>0</code>, если {{cssxref(\"column-rule-style\")}} - <code>none</code> или <code>hidden</code>",
"zh-CN": "绝对长度；如果 {{cssxref(\"column-rule-style\")}} 设为 <code>none</code> 或 <code>hidden</code>，则为 <code>0</code>",
"zh-TW": "絕對長度；若 {{cssxref(\"column-rule-style\")}} 為 <code>none</code> 或 <code>hidden</code>，則為 <code>0</code>"
},
"absoluteLengthOr0IfBorderBottomStyleNoneOrHidden": {
"de": "die absolute Länge; <code>0</code> falls {{cssxref(\"border-bottom-style\")}} <code>none</code> oder <code>hidden</code> ist",
"en-US": "the absolute length or <code>0</code> if {{cssxref(\"border-bottom-style\")}} is <code>none</code> or <code>hidden</code>",
"fr": "la longueur absolue ou <code>0</code> si {{cssxref(\"border-bottom-style\")}} vaut <code>none</code> ou <code>hidden</code>",
"ja": "絶対的な長さ、または {{cssxref(\"border-bottom-style\")}} が <code>none</code> または <code>hidden</code> の場合は <code>0</code>",
"ru": "абсолютная длина или <code>0</code>, если {{cssxref(\"border-bottom-style\")}} - <code>none</code> или <code>hidden</code>",
"zh-CN": "绝对长度；或如果 {{cssxref(\"border-bottom-style\")}} 的值是 <code>none</code> 或 <code>hidden</code>，则为 <code>0</code>",
"zh-TW": "絕對長度，若 {{cssxref(\"border-bottom-style\")}} 為 <code>none</code> 或 <code>hidden</code>，則為 <code>0</code>"
},
"absoluteLengthOr0IfBorderLeftStyleNoneOrHidden": {
"de": "die absolute Länge; <code>0</code> falls {{cssxref(\"border-left-style\")}} <code>none</code> oder <code>hidden</code> ist",
"en-US": "the absolute length or <code>0</code> if {{cssxref(\"border-left-style\")}} is <code>none</code> or <code>hidden</code>",
"fr": "la longueur absolue ou <code>0</code> si {{cssxref(\"border-left-style\")}} vaut <code>none</code> ou <code>hidden</code>",
"ja": "絶対的な長さ、または {{cssxref(\"border-left-style\")}} が <code>none</code> または <code>hidden</code> の場合は <code>0</code>",
"ru": "абсолютная длина или <code>0</code>, если {{cssxref(\"border-left-style\")}} - <code>none</code> или <code>hidden</code>",
"zh-CN": "绝对长度；或如果 {{cssxref(\"border-left-style\")}} 的值为 <code>none</code> 或 <code>hidden</code>，则为 <code>0</code>",
"zh-TW": "絕對長度，若 {{cssxref(\"border-left-style\")}} 為 <code>none</code> 或 <code>hidden</code>，則為 <code>0</code>"
},
"absoluteLengthOr0IfBorderRightStyleNoneOrHidden": {
"de": "die absolute Länge; <code>0</code> falls {{cssxref(\"border-right-style\")}} <code>none</code> oder <code>hidden</code> ist",
"en-US": "the absolute length or <code>0</code> if {{cssxref(\"border-right-style\")}} is <code>none</code> or <code>hidden</code>",
"fr": "la longueur absolue ou <code>0</code> si {{cssxref(\"border-right-style\")}} vaut <code>none</code> ou <code>hidden</code>",
"ja": "絶対的な長さ、または {{cssxref(\"border-right-style\")}} が <code>none</code> または <code>hidden</code> の場合は <code>0</code>",
"ru": "абсолютная длина или <code>0</code>, если {{cssxref(\"border-right-style\")}} - <code>none</code> или <code>hidden</code>",
"zh-CN": "绝对长度；或如果 {{cssxref(\"border-right-style\")}} 的值为 <code>none</code> 或 <code>hidden</code>，则为 <code>0</code>",
"zh-TW": "絕對長度，若 {{cssxref(\"border-right-style\")}} 為 <code>none</code> 或 <code>hidden</code>，則為 <code>0</code>"
},
"absoluteLengthOr0IfBorderTopStyleNoneOrHidden": {
"de": "die absolute Länge; <code>0</code> falls {{cssxref(\"border-top-style\")}} <code>none</code> oder <code>hidden</code> ist",
"en-US": "the absolute length or <code>0</code> if {{cssxref(\"border-top-style\")}} is <code>none</code> or <code>hidden</code>",
"fr": "la longueur absolue ou <code>0</code> si {{cssxref(\"border-top-style\")}} vaut <code>none</code> ou <code>hidden</code>",
"ja": "絶対的な長さ、または {{cssxref(\"border-top-style\")}} が <code>none</code> または <code>hidden</code> の場合は <code>0</code>",
"ru": "абсолютная длина или <code>0</code>, если {{cssxref(\"border-top-style\")}} - <code>none</code> или <code>hidden</code>",
"zh-CN": "绝对长度；或如果 {{cssxref(\"border-top-style\")}} 的值为 <code>none</code> 或 <code>hidden</code>，则为 <code>0</code>",
"zh-TW": "絕對長度，若 {{cssxref(\"border-top-style\")}} 為 <code>none</code> 或 <code>hidden</code>，則為 <code>0</code>"
},
"absoluteLengthOrAsSpecified": {
"de": "für Prozent- und Längenwerte die absolute Länge, ansonsten wie angegeben",
"en-US": "for percentage and length values, the absolute length, otherwise as specified",
Expand Down Expand Up @@ -119,6 +65,9 @@
"en-US": "an absolute {{cssxref(\"length\")}} or {{cssxref(\"percentage\")}}, numbers converted to absolute lengths first",
"fr": "une longueur ({{cssxref(\"length\")}}) absolue ou un pourcentage ({{cssxref(\"percentage\")}}), les nombres étant d'abord convertis en longueurs absolues"
},
"absoluteLengthSnappedAsLineWidth": {
"en-US": "the absolute {{cssxref(\"length\")}}, snapped as a line width"
},
"absoluteLengthsSpecifiedColorAsSpecified": {
"de": "Längen absolut gemacht; angegebene Farben berechnet; ansonsten wie angegeben",
"en-US": "any length made absolute; any specified color computed; otherwise as specified",
Expand All @@ -127,14 +76,6 @@
"ru": "любая абсолютная длина; работает любой указанный цвет; если другое не указано",
"zh-TW": "任何長度均為絕對值；任何指定顏色均為計算值；否則按指定值"
},
"absoluteLengthZeroIfBorderStyleNoneOrHidden": {
"de": "absolute Länge; <code>0</code>, falls der Rahmenstil <code>none</code> oder <code>hidden</code> ist",
"en-US": "absolute length; <code>0</code> if the border style is <code>none</code> or <code>hidden</code>",
"fr": "une longueur absolue&nbsp;; <code>0</code> si le style de la bordure vaut <code>none</code> ou <code>hidden</code>",
"ja": "絶対的な長さ、境界スタイルが <code>none</code> または <code>hidden</code> であれば <code>0</code>",
"ru": "абсолютная длина; <code>0</code>, если стиль рамки <code>none</code> или <code>hidden</code>",
"zh-TW": "絕對長度；若框線樣式為 <code>none</code> 或 <code>hidden</code>，則為 <code>0</code>"
},
"absoluteLengthZeroOrLarger": {
"de": "the absolute length, zero oder larger",
"en-US": "the absolute length, zero or larger",
Expand Down