Skip to content

[css-backgrounds-3][css-multicol][css-ui-4][css-gaps-1] Adjust *-width zero value special cases per WG resolution. #11494 #11913

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

Open
wants to merge 4 commits into
base: main
Choose a base branch
from
+47 −21
Open

[css-backgrounds-3][css-multicol][css-ui-4][css-gaps-1] Adjust *-width zero value special cases per WG resolution. #11494 #11913

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
0468e25
[css-backgrounds-3][css-multicol-4][css-ui-4][css-gaps-1] Adjust *-wi…
kbabbitt Mar 11, 2025
c04a3e5
Replicate edits into multicol-2
kbabbitt Mar 11, 2025
2ae9071
Note the edit in Changes section
kbabbitt Apr 29, 2025
6169f3f
Conflict resolution and versioning
kbabbitt May 8, 2025
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
17 changes: 16 additions & 1 deletion css-backgrounds-3/Overview.bs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,6 +8,7 @@ Level: 3
Group: csswg
ED: https://drafts.csswg.org/css-backgrounds/
TR: https://www.w3.org/TR/css-backgrounds-3/
Previous Version: https://www.w3.org/TR/2024/CRD-css-backgrounds-3-20240311/
Previous Version: https://www.w3.org/TR/2020/CR-css-backgrounds-3-20201222/
Previous Version: https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/
Previous version: https://www.w3.org/TR/2014/CR-css3-background-20140909/
Expand Down Expand Up @@ -2048,7 +2049,7 @@ Line Thickness: the 'border-width' properties</h3>
Inherited: no
Logical property group: border-width
Percentages: N/A
Computed value: absolute length, [=snapped as a border width=]; zero if the border style is ''border-style/none'' or ''hidden''
Computed value: absolute length, [=snapped as a border width=]
Animation Type: by computed value
</pre>

Expand Down Expand Up @@ -2125,6 +2126,11 @@ Line Thickness: the 'border-width' properties</h3>
If there are four values
they apply to the top, right, bottom, and left, respectively.

The [=resolved value=] for the 'border-width' properties is the [=used value=].

If the 'border-style' corresponding to a given 'border-width' is ''border-style/none'' or ''hidden'',
then the [=used value|used=] width is 0.

Note: Although the [=initial value|initial=] width is ''medium'',
the [=initial value|initial=] style is ''border-style/none'';
therefore the [=used value|used=] initial width is 0.
Expand Down Expand Up @@ -3657,6 +3663,15 @@ Level 3</h3>
<h2 id="changes">
Changes</h2>

<h3 id="changes-2024-03">
Changes since the 11 March 2024 Candidate Recommendation Draft</h3>

<ul>
<li>Changed the special case of 'border-width' having a value of ''0'' when 'border-style' is ''border-style/none'' or ''border-style/hidden''
from a computed-value effect to a resolved-value effect.
(<a href="https://github.com/w3c/csswg-drafts/issues/11494">Issue 11494</a>)
</ul>

<h3 id="changes-2023-02">
Changes since the 14 February 2023 Candidate Recommendation Snapshot</h3>

Expand Down
11 changes: 3 additions & 8 deletions css-gaps-1/Overview.bs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -806,7 +806,7 @@ Gap decoration width: The 'column-rule-width' and 'row-rule-width' properties</h
Initial: medium
Applies to: <a>grid containers</a>, <a>flex containers</a>, <a>multicol containers</a>, and <a>masonry containers</a>
Inherited: no
Computed value: list of absolute lengths, <a>snapped as a border width</a>, or ''0'' under conditions described below
Computed value: list of absolute lengths, <a>snapped as a border width</a>
Animation type: by computed value type
</pre>

Expand All @@ -826,13 +826,6 @@ Gap decoration width: The 'column-rule-width' and 'row-rule-width' properties</h

This property sets the widths of <a>gap decorations</a>. Negative values are not allowed.

If the computed value of ''column-rule-style'' is ''border-style/none'' or ''border-style/hidden'',
then the computed value of ''column-rule-width'' is ''0''.
This behavior is for backwards compatibility with [[css-multicol-1#crw]].

Issue: Should the "force to 0" behavior apply when lists of values are involved?
If so, how should this be handled with unaligned lists?

<wpt>
grid/grid-gap-decorations-018.html
grid/grid-gap-decorations-019.html
Expand Down Expand Up @@ -1066,4 +1059,6 @@ Changes since the <a href="https://www.w3.org/TR/2025/WD-css-gaps-1-20250417/">1
<li>Specified the behavior when gaps are coincident due to track collapsing.
(<a href="https://github.com/w3c/csswg-drafts/issues/11814">Issue 11814</a>)
<li>Added links to WPT suite.
<li>Removed the special case of 'column-rule-width' having a computed value of ''0'' when 'column-rule-style' is ''border-style/none'' or ''border-style/hidden''.
(<a href="https://github.com/w3c/csswg-drafts/issues/11494">Issue 11494</a>)
</ul>
18 changes: 12 additions & 6 deletions css-multicol-1/Overview.bs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,16 +3,15 @@ Title: CSS Multi-column Layout Module Level 1
Group: CSSWG
Shortname: css-multicol
Level: 1
Status: CR
Prepare for TR: yes
Date: 2024-05-09
Deadline: 2024-07-09
Status: ED
Prepare for TR: no
Implementation Report: https://test.csswg.org/harness/results/css-multicol-1_dev/grouped/
Work Status: Testing
WPT Path Prefix: /css/css-multicol/
WPT Display: closed
ED: https://drafts.csswg.org/css-multicol/
TR: https://www.w3.org/TR/css-multicol-1/
Previous Version: https://www.w3.org/TR/2024/CR-css-multicol-1-20240516/
Previous Version: https://www.w3.org/TR/2021/CR-css-multicol-1-20211012/
Previous Version: https://www.w3.org/TR/2021/WD-css-multicol-1-20210212/
Previous Version: https://www.w3.org/TR/2019/WD-css-multicol-1-20191015/
Expand Down Expand Up @@ -1166,7 +1165,7 @@ Stacking Context</h3>
parsing/column-rule-style-invalid.html
</wpt>

The ''border-style/none'' and ''hidden'' values force the computed value of 'column-rule-width' to be ''0''.
The ''border-style/none'' and ''hidden'' values force the used value of 'column-rule-width' to be ''0''.


<h3 id='crw'>The Width Of Column Rules: the 'column-rule-width' property</h3>
Expand All @@ -1178,7 +1177,7 @@ Stacking Context</h3>
Applies to: multicol containers
Inherited: no
Percentages: N/A
Computed value: absolute length, [=snapped as a border width=]; ''0'' if the column rule style is ''border-style/none'' or ''hidden''
Computed value: absolute length, [=snapped as a border width=]
Animation type: by computed value type
</pre>

Expand Down Expand Up @@ -2090,6 +2089,13 @@ Pagination and Overflow Outside Multicol Containers</h3>

This appendix is <em>informative</em>.

<h3 id="changes-from-20240516">Changes from the <a href="https://www.w3.org/TR/2024/CR-css-multicol-1-20240516/">Candidate Recommendation (CR) of 16 May 2024</a></h3>

<ul>
<li>Removed the special case of 'column-rule-width' having a computed value of ''0'' when 'column-rule-style' is ''border-style/none'' or ''border-style/hidden''.
(<a href="https://github.com/w3c/csswg-drafts/issues/11494">Issue 11494</a>)
</ul>

<h3 id="changes-from-20211012">Changes from the <a href="https://www.w3.org/TR/2021/CR-css-multicol-1-20211012/">Candidate Recommendation (CR) of 12 October 2021</a></h3>

<ul>
Expand Down
17 changes: 12 additions & 5 deletions css-multicol-2/Overview.bs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -3,12 +3,12 @@ Title: CSS Multi-column Layout Module Level 2
Group: CSSWG
Shortname: css-multicol
Level: 2
Status: FPWD
Prepare for TR: yes
Date: 2024-12-19
Status: ED
Prepare for TR: no
Work Status: Exploring
ED: https://drafts.csswg.org/css-multicol-2/
TR: https://www.w3.org/TR/css-multicol-2/
Previous Version: https://www.w3.org/TR/2024/WD-css-multicol-2-20241219/
Editor: Florian Rivoal, On behalf of Bloomberg, http://florian.rivoal.net/, w3cid 43241
Editor: Rachel Andrew, Google, [email protected], w3cid 81117
Former Editor: Håkon Wium Lie, Opera Software, [email protected], w3cid 9796
Expand Down Expand Up @@ -1315,7 +1315,7 @@ without caring about the <em>contents</em>.
parsing/column-rule-style-invalid.html
</wpt>

The ''border-style/none'' and ''hidden'' values force the computed value of 'column-rule-width' to be ''0''.
The ''border-style/none'' and ''hidden'' values force the used value of 'column-rule-width' to be ''0''.

<h3 id='crw'>The Width Of Column Rules: the 'column-rule-width' property</h3>

Expand All @@ -1326,7 +1326,7 @@ without caring about the <em>contents</em>.
Applies to: multicol containers
Inherited: no
Percentages: N/A
Computed value: absolute length, [=snapped as a border width=]; ''0'' if the column rule style is ''border-style/none'' or ''hidden''
Computed value: absolute length, [=snapped as a border width=]
Animation type: by computed value type
</pre>

Expand Down Expand Up @@ -2267,6 +2267,13 @@ Pagination and Overflow Outside Multicol Containers</h3>

This appendix is <em>informative</em>.

<h3 id="">Changes from the <a href="https://www.w3.org/TR/2024/WD-css-multicol-2-20241219/">First Public Working Draft</a> of 19 December 2024</h3>

<ul>
<li>Removed the special case of 'column-rule-width' having a computed value of ''0'' when 'column-rule-style' is ''border-style/none'' or ''border-style/hidden''.
(<a href="https://github.com/w3c/csswg-drafts/issues/11494">Issue 11494</a>)
</ul>

<h3 id="changes-from-multicol1">Changes from the <a href="https://www.w3.org/TR/2024/CR-css-multicol-1-20240516/">Candidate Recommendation (CR) of CSS-MULTICOL-1 of 16 May 2024</a></h3>

<ul>
Expand Down
5 changes: 4 additions & 1 deletion css-ui-4/Overview.bs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -379,7 +379,7 @@ Outline Thickness: the 'outline-width' property</h3>
Applies to: all elements
Inherited: no
Percentages: N/A
Computed value: absolute length, [=snapped as a border width=]; ''0'' if the outline style is ''border-style/none''.
Computed value: absolute length, [=snapped as a border width=]
Animation type: by computed value
</pre>

Expand Down Expand Up @@ -2755,6 +2755,9 @@ Changes from the <a href="https://www.w3.org/TR/2021/WD-css-ui-4-20210316/">16 M

<li>
Moved 'field-sizing' and 'input-security' properties to css-forms-1.

<li>Removed the special case of 'outline-width' having a computed value of ''0'' when 'outline-style' is ''border-style/none'' or ''border-style/hidden''.
(<a href="https://github.com/w3c/csswg-drafts/issues/11494">Issue 11494</a>)
</ul>


Expand Down