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 Telecon 2014-03-19 (from daelcss@gmail.com on 2014-03-19)
  2. Re: [css-masking] editorial changes - spec update (from fantasai.lists@inkedblade.net on 2013-12-16)
  3. Re: [css-masking] editorial changes - spec update (from dschulze@adobe.com on 2013-12-12)
  4. [CSSWG] Minutes Tucson F2F 2013-02-14 Tue AM I: Paged Media 4, Flexbox (from fantasai.lists@inkedblade.net on 2013-02-14)
  5. [CSSWG] Minutes and Resolutions Telecon 2012-07-18 (from fantasai.lists@inkedblade.net on 2012-07-19)
  6. [CFC][css3-flexbox] Reject 2 change requests (from fantasai@inkedblade.net on 2012-07-16)
  7. [css3-flexbox] Status and Going to CR (from jackalmage@gmail.com on 2012-07-09)
  8. [css3-flexbox] Status and Going to CR (from fantasai@inkedblade.net on 2012-07-09)
  9. [CSSWG] Minutes and Resolutions Telcon 2012-05-02 [CORRECTED] (from fantasai.lists@inkedblade.net on 2012-05-06)
  10. Re: reconstructed minutes (please verify) (from peter.linss@hp.com on 2012-05-04)
  11. reconstructed minutes (please verify) (from fantasai@inkedblade.net on 2012-05-03)
  12. [CSSWG] Minutes and Resolutions TPAC 2011-10-30 Sunday Morning: Issue Tracking, Regions (from fantasai.lists@inkedblade.net on 2011-11-28)
  13. [CSSWG] Minutes and Resolutions TPAC 2011-10-31 Monday Afternoon: @font-face, Flexbox, Multicol, GCPM (from fantasai.lists@inkedblade.net on 2011-11-28)
  14. [CSSWG] Minutes and Resolutions 2011-10-19 (from fantasai.lists@inkedblade.net on 2011-10-19)
  15. [CSSWG] Minutes and Resolutions Seattle F2F 2011-07-26 AM: paint servers, pointer-events (from fantasai.lists@inkedblade.net on 2011-08-05)
  16. Re: Fwd: PF Objection to Transition request: css3-background to CR (from fantasai@inkedblade.net on 2010-12-03)
  17. [css3-background] Issues and Proposed Resolutions (from fantasai.lists@inkedblade.net on 2008-05-13)
  18. backgrounds and borders open issues (from fantasai@inkedblade.net on 2008-05-13)
  19. Re: Errata in CR-css3-color-20030514 (from dbaron@dbaron.org on 2008-05-12)
  20. 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)
  21. 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:

http://lists.w3.org/Archives/Public/www-style/2008Jan/0365.html

Elika Etemad, 14 May 2008, 03:24:40

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, 26 May 2008, 16:42:47

Changelog:

Created issue 'Positioning a background image a certain distance from the right and bottom edges' nickname position from right owned by Anne van Kesteren on product CSS3 Backgrounds and Borders, 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'.

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

Bert Bos, 4 Apr 2008, 13:30:17

Status changed to 'open'

4 Apr 2008, 13:30:28

Description changed to ''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.'

14 May 2008, 03:22:07

Status changed to 'closed'

Elika Etemad, 14 Aug 2008, 17:33:23


Peter Linss <peter.linss@hp.com>, Daniel Glazman <daniel.glazman@disruptive-innovations.com>, Chairs, Chris Lilley <chris@w3.org>, Bert Bos <bert@w3.org>, Staff Contacts
Tracker: documentation, (configuration for this group), originally developed by Dean Jackson, is developed and maintained by the Systems Team <w3t-sys@w3.org>.
$Id: index.php,v 1.325 2014-09-10 21:42:02 ted Exp $