Skip to content

Commit e6465bb

Browse files
authored
[css-borders-4] Clarify how border-shape renders box-shadow. (#13021)
1 parent fe68f4f commit e6465bb

File tree

1 file changed

+2
-1
lines changed

1 file changed

+2
-1
lines changed

css-borders-4/Overview.bs

Lines changed: 2 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -3079,7 +3079,8 @@ When an element's [=computed value=] of 'border-shape' is not <css>none</css>,
30793079
its 'border-radius' is ignored, as if it was set to 0.
30803080
'corner-shape' is implicitly ignored, as it can only work in tandem with 'border-radius'.
30813081

3082-
A 'box-shadow' follows both the outer border path.
3082+
An [=outer box-shadow=] follows the outside of the outer path, and an [=inner box-shadow=] follows the inside inner path.
3083+
Both are rendered as a stroke, with a stroke width of <code>spread * 2</code>, clipped by the border shape.
30833084

30843085
'border-shape' does not affect geometry or layout,
30853086
which is still computed using the existing 'border-width' properties.

0 commit comments

Comments
 (0)