untangle border/column-rule/outline-width from *-style properties value#44195
Conversation
|
Preview URLs (3 pages)
(comment last updated: 2026-06-10 13:55:07) |
estelle
left a comment
There was a problem hiding this comment.
Outline style is OK.
I did not check line-style. Please do. As the other content can be changed/improved, but not removed, as the computed value is actually important in those two cases, and likely line style.
| - `<line-style>` | ||
| - : Describes the style of the border. It can have the following values: | ||
| - `none` | ||
| - : Like the `hidden` keyword, displays no border. Unless a {{cssxref("background-image")}} is set, the computed value of the same side's {{cssxref("border-width")}} will be `0`, even if the specified value is something else. In the case of table cell and border collapsing, the `none` value has the _lowest_ priority: if any other conflicting border is set, it will be displayed. |
There was a problem hiding this comment.
this is actually important to explain.
if you do
border: 20px solid dashed;and then:
border-style: hidden;the box-model of that element is changed,
and then latter add this to the element:
border-style: dotted;
the border-width is 20px when shown as dotted.
this is true for both hidden and none
There was a problem hiding this comment.
I changed "computed value" to "used value", PTAL.
|
@estelle Thanks for the review comments. Is there anything else I can do to improve the PR? If you'd prefer to rewrite the PR yourself, note that this change has already been shipped for quite some time: |
I am not working this week (sick), but should be able to get to this when my health (and brain) is back... hopefully Monday. sorry for the delay. |
Description
untangle the computed value for
border-*-width,column-rule-widthandoutline-widthfrom their related*-styleproperties.Additional details
w3c/csswg-drafts#11494 (comment)
Related issues and pull requests
Relates #44193
Relates mdn/data#1069