ISSUE-10
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:
- [css3-background] Issues and Proposed Resolutions (from fantasai.lists@inkedblade.net on 2008-05-13)
- backgrounds and borders open issues (from fantasai@inkedblade.net on 2008-05-13)
- Re: Errata in CR-css3-color-20030514 (from dbaron@dbaron.org on 2008-05-12)
- 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)
- 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:
2008-05-14 03:24:40: http://lists.w3.org/Archives/Public/www-style/2008Jan/0365.html [Elika Etemad]
2008-05-26 16:42:47: Eric Meyer suggested (ACTION-65) that 'background-origin' could be yet another way to specify the edges from which 'background-position' is calculated. After all, that is what the word "origin" suggests. E.g., 'background-origin: bottom left padding-box' chooses the padding box as the basis for 'background-size' calculations and the bottom left corner of that edge as the origin for 'background-position'. [Bert Bos]
Display change log
