Skip to content
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

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

Open
wants to merge 2 commits into
base: main
Choose a base branch
from
+12 −14
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
2 commits
Select commit Hold shift + click to select a range
9a90410
[css-backgrounds-3][css-multicol-4][css-ui-4][css-gaps-1] Adjust *-wi…
kbabbitt Mar 11, 2025
266ac83
Replicate edits into multicol-2
kbabbitt Mar 11, 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
7 changes: 6 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 @@ -2048,7 +2048,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 +2125,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
9 changes: 1 addition & 8 deletions css-gaps-1/Overview.bs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -594,7 +594,7 @@ Gap decoration width: The 'column-rule-width' and 'row-rule-width' properties {#
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 @@ -614,13 +614,6 @@ Gap decoration width: The 'column-rule-width' and 'row-rule-width' properties {#

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?

Lists of values and the ''repeat-line-color/repeat()'' notation {#lists-repeat}
-------------------------------------------------------------------------------

Expand Down
4 changes: 2 additions & 2 deletions css-multicol-1/Overview.bs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1166,7 +1166,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 +1178,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
4 changes: 2 additions & 2 deletions css-multicol-2/Overview.bs
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -1310,7 +1310,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 @@ -1321,7 +1321,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
2 changes: 1 addition & 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