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 and Resolutions TPAC 2011-10-30 Sunday Morning: Issue Tracking, Regions (from fantasai.lists@inkedblade.net on 2011-11-28)
  2. [CSSWG] Minutes and Resolutions TPAC 2011-10-31 Monday Afternoon: @font-face, Flexbox, Multicol, GCPM (from fantasai.lists@inkedblade.net on 2011-11-28)
  3. [CSSWG] Minutes and Resolutions 2011-10-19 (from fantasai.lists@inkedblade.net on 2011-10-19)
  4. [CSSWG] Minutes and Resolutions Seattle F2F 2011-07-26 AM: paint servers, pointer-events (from fantasai.lists@inkedblade.net on 2011-08-05)
  5. Re: Fwd: PF Objection to Transition request: css3-background to CR (from fantasai@inkedblade.net on 2010-12-03)
  6. [css3-background] Issues and Proposed Resolutions (from fantasai.lists@inkedblade.net on 2008-05-13)
  7. backgrounds and borders open issues (from fantasai@inkedblade.net on 2008-05-13)
  8. Re: Errata in CR-css3-color-20030514 (from dbaron@dbaron.org on 2008-05-12)
  9. 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)
  10. 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

Display change log ATOM feed

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.287 2012/02/01 05:29:12 dom Exp $