ISSUE-10: Positioning a background image a certain distance from the right and bottom edges

position from right

Positioning a background image a certain distance from the right and bottom edges

State:

CLOSED

Product:

CSS3 Backgrounds and Borders

Raised by:

Anne van Kesteren

Opened on:

2008-04-04

Description:

'Background-position' in level 2 can position an image relative to the top left corner or at a certain percentage of the width/height. You can thus put it against the right edge, but not, e.g., 10px from the right edge.

One solution is the 'calc()' functional notation from the Values and Units module: 'calc(100% - 10px)'. Another is extra keywords: '10px from-right', or 'background-position: bottom 10px right 25px'.

A related issue is ISSUE-11 http://www.w3.org/Style/CSS/Tracker/issues/11 about positioning in a writing-mode dependent way.

Related Actions Items:

No related actions

Related emails:

1. [CSSWG] Minutes Seattle F2F 2017-01-11 Part II: Text Breakout - Hyphenation, Text Decoration (from daelcss@gmail.com on 2017-02-13)
2. [css-text-decor-3] Updated DoC, open issues (from fantasai.lists@inkedblade.net on 2016-12-27)
3. [csswg] Agenda conf call 16-Feb-2016 (from stearns@adobe.com on 2016-02-17)
4. Re: Call for agenda items (from fantasai@inkedblade.net on 2016-02-16)
5. Minutes Sapporo F2F 2015-10-26 Part III: Wide Gamut/Deep Color, Scroll Snap [css-color] [css-snappoints] (from daelcss@gmail.com on 2015-11-18)
6. [CSSWG] Minutes Telecon 2014-03-19 (from daelcss@gmail.com on 2014-03-19)
7. Re: [css-masking] editorial changes - spec update (from fantasai.lists@inkedblade.net on 2013-12-16)
8. Re: [css-masking] editorial changes - spec update (from dschulze@adobe.com on 2013-12-12)
9. [CSSWG] Minutes Tucson F2F 2013-02-14 Tue AM I: Paged Media 4, Flexbox (from fantasai.lists@inkedblade.net on 2013-02-14)
10. [CSSWG] Minutes and Resolutions Telecon 2012-07-18 (from fantasai.lists@inkedblade.net on 2012-07-19)
11. [CFC][css3-flexbox] Reject 2 change requests (from fantasai@inkedblade.net on 2012-07-16)
12. [css3-flexbox] Status and Going to CR (from jackalmage@gmail.com on 2012-07-09)
13. [css3-flexbox] Status and Going to CR (from fantasai@inkedblade.net on 2012-07-09)
14. [CSSWG] Minutes and Resolutions Telcon 2012-05-02 [CORRECTED] (from fantasai.lists@inkedblade.net on 2012-05-06)
15. Re: reconstructed minutes (please verify) (from peter.linss@hp.com on 2012-05-04)
16. reconstructed minutes (please verify) (from fantasai@inkedblade.net on 2012-05-03)
17. [CSSWG] Minutes and Resolutions TPAC 2011-10-30 Sunday Morning: Issue Tracking, Regions (from fantasai.lists@inkedblade.net on 2011-11-28)
18. [CSSWG] Minutes and Resolutions TPAC 2011-10-31 Monday Afternoon: @font-face, Flexbox, Multicol, GCPM (from fantasai.lists@inkedblade.net on 2011-11-28)
19. [CSSWG] Minutes and Resolutions 2011-10-19 (from fantasai.lists@inkedblade.net on 2011-10-19)
20. [CSSWG] Minutes and Resolutions Seattle F2F 2011-07-26 AM: paint servers, pointer-events (from fantasai.lists@inkedblade.net on 2011-08-05)
21. Re: Fwd: PF Objection to Transition request: css3-background to CR (from fantasai@inkedblade.net on 2010-12-03)
22. [css3-background] Issues and Proposed Resolutions (from fantasai.lists@inkedblade.net on 2008-05-13)
23. backgrounds and borders open issues (from fantasai@inkedblade.net on 2008-05-13)
24. Re: Errata in CR-css3-color-20030514 (from dbaron@dbaron.org on 2008-05-12)
25. ISSUE-11 (position from end): Positioning a background image a certain distance from an edge that depends on the writing mode [CSS3 Backgrounds and Borders] (from sysbot+tracker@w3.org on 2008-04-04)
26. ISSUE-10 (position from right): Positioning a background image a certain distance from the right and bottom edges [CSS3 Backgrounds and Borders] (from sysbot+tracker@w3.org on 2008-04-04)

Related notes:

Display change log