You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
So, border images override border-style in the sense that a border-style-specified border will not be drawn if a border image is specified. But to the extent that border-style influences the border-width it can affect whether the border image is visible or not.
Chromium and Gecko currently exhibit this behavior, and WebKit does not.
<metaname="assert" content="If 'border-style' is not declared, then it defaults to 'none' in which case the computed border-widths on all 4 sides is 0 in which case the border area to be painted with the border-image is also 0 because the default border-image-width is 1 which means 1 time the computed border-width. So, we should see no red in this test." />
Apparently, the emphasized phrase is relevant only for the case when border-image-width has the unitless numeric value, including default 1 (i.e. border image is set to render only over the regular border area), and shouldn't be considered a general rule. Later in the same issue, @fantasaiclarifies:
Is it right that if border-image-width is explicitly set in length units and is greater than zero, then the border image should be rendered even if the used value of border-width is 0?
Yes, per spec it should be rendered.
The test referred here is correct since it has border-image-width: 1, but e.g. border-image-width-005.xht expects the border image to be rendered, despite both border-style and border-width are set to none and 0, respectively.
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Given a non-visible
border-stylesuch asnoneandhidden,border-imagesshould not be rendered.Spec: https://www.w3.org/TR/2017/CR-css-backgrounds-3-20171017/#border-images
Editorial: w3c/csswg-drafts#655 (comment)
(emphasis mine)
Chromium and Gecko currently exhibit this behavior, and WebKit does not.