ISSUE-32: Is 'box-shadow' only drawn outside the border?

box shadow inside

Is 'box-shadow' only drawn outside the border?

State:

CLOSED

Product:

CSS3 Backgrounds and Borders

Raised by:

Bert Bos

Opened on:

2008-04-04

Description:

What casts the shadow specified by 'box-shadow'?

1) An imaginary opaque rectangle the size of the border box. Thus the shadow is only visible outside the border and its intensity does not depend on the box's content.

2) The actual content, border and background of the box. Thus if the box has a transparent background, you see the shadow of the text rather than of the box.

Option 2 requires an opaque background to get the effect of a traditional shadow, but it does allow other interesting effects.

Related Actions Items:

No related actions

Related emails:

1. [CSSWG] Minutes Seattle F2F 2017-01-12 Part I: FX Breakout - Transforms [css-transforms] (from daelcss@gmail.com on 2017-02-13)
2. [css-flexbox] CR Disposition of Comments (from fantasai.lists@inkedblade.net on 2014-03-17)
3. Re: [filter-effects] filter different components of an element (from alan@css-class.com on 2013-10-11)
4. [CSSWG] Resolutions August F2F: CSS2.1 (from fantasai.lists@inkedblade.net on 2008-09-08)
5. [CSSWG] Minutes F2F 2008-08-22 (from fantasai.lists@inkedblade.net on 2008-09-08)
6. Re: [CSS 2.1] General at-blocks and error recovery (from bert@w3.org on 2008-07-30)
7. Re: Agenda CSS WG Conf Call 30-July (from fantasai@inkedblade.net on 2008-07-30)
8. Re: box-shadow and features (from alan@css-class.com on 2008-05-16)
9. Re: box-shadow and features (was [css3-background] Issues and Proposed Resolutions) (from brkemper@comcast.net on 2008-05-15)
10. Re: box-shadow and features (was [css3-background] Issues and Proposed Resolutions) (from brkemper@comcast.net on 2008-05-15)
11. Re: box-shadow and features (was [css3-background] Issues and Proposed Resolutions) (from alan@css-class.com on 2008-05-15)
12. Re: box-shadow and features (was [css3-background] Issues and Proposed Resolutions) (from fantasai.lists@inkedblade.net on 2008-05-14)
13. Re: box-shadow and features (was [css3-background] Issues and Proposed Resolutions) (from alan@css-class.com on 2008-05-14)
14. [css3-background] Issues and Proposed Resolutions (from fantasai.lists@inkedblade.net on 2008-05-13)
15. ISSUE-32 (box shadow inside): Is 'box-shadow' only drawn outside the border? [CSS3 Backgrounds and Borders] (from sysbot+tracker@w3.org on 2008-04-04)

Related notes:

No additional notes.

Display change log