Skip to content

Commit 672efe0

Browse files
committed
[css-background] spread clarification
1 parent 3cf8ce0 commit 672efe0

2 files changed

Lines changed: 14 additions & 14 deletions

File tree

css-backgrounds/Overview.html

Lines changed: 13 additions & 13 deletions
Original file line numberDiff line numberDiff line change
@@ -4080,19 +4080,19 @@ <h3 id=the-box-shadow><span class=secno>7.2. </span>Drop Shadows: the ‘<a
40804080
href="#border-image"><code class=property>border-image</code></a>’ does
40814081
not affect the shape of the box-shadow.
40824082

4083-
<p>If a spread distance is defined, the shadow is expanded outward (for
4084-
normal shadows) or contracted inward (for ‘<a href="#inset"><code
4085-
class=css>inset</code></a>’ shadows) by the spread distance in the
4086-
direction normal to the original shadow perimeter. Alternatively, the UA
4087-
may approximate the transformed shadow perimeter shape by outsetting
4088-
(insetting, for inner shadows) the shadow's straight edges by the spread
4089-
distance and increasing (decreasing, for inner shadows) and flooring at
4090-
zero the corner radii by the same amount. For corners with a zero
4091-
border-radius, however, the corner must remain sharp—the operation is
4092-
equivalent to scaling the shadow shape. In any case, the effective width
4093-
and height of the shadowed shape is floored at zero. (A zero-sized
4094-
shadowed shape would cause an outer shadow to disappear, and an inner
4095-
shadow to cover the entire padding-box.)
4083+
<p>If a spread distance is defined, the shadow perimenter is expanded
4084+
outward (for normal shadows) or contracted inward (for ‘<a
4085+
href="#inset"><code class=css>inset</code></a>’ shadows) by the spread
4086+
distance in the direction normal to the original shadow perimeter.
4087+
Alternatively, the UA may approximate the transformed shadow perimeter
4088+
shape by outsetting (insetting, for inner shadows) the shadow's straight
4089+
edges by the spread distance and increasing (decreasing, for inner
4090+
shadows) and flooring at zero the corner radii by the same amount. For
4091+
corners with a zero border-radius, however, the corner must remain
4092+
sharp—the operation is equivalent to scaling the shadow shape. In any
4093+
case, the effective width and height of the shadowed shape is floored at
4094+
zero. (A zero-sized shadowed shape would cause an outer shadow to
4095+
disappear, and an inner shadow to cover the entire padding-box.)
40964096

40974097
<p>A non-zero blur distance indicates that the resulting shadow should be
40984098
blurred, such as by a Gaussian filter. The exact algorithm is not defined;

css-backgrounds/Overview.src.html

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -2940,7 +2940,7 @@ <h3 id="the-box-shadow">Drop Shadows: the 'box-shadow' property</h3>
29402940
affect the shape of the box-shadow.
29412941

29422942
<p>If a spread distance is defined,
2943-
the shadow is expanded outward (for normal shadows) or contracted inward (for ''inset'' shadows)
2943+
the shadow perimenter is expanded outward (for normal shadows) or contracted inward (for ''inset'' shadows)
29442944
by the spread distance in the direction normal to the original shadow perimeter.
29452945
Alternatively, the UA may approximate the transformed shadow perimeter shape by
29462946
outsetting (insetting, for inner shadows) the shadow's straight edges by the spread distance

0 commit comments

Comments
 (0)