ISSUE-28

centerless border image

Add keyword to 'border-image' to suppress the center image

State:

CLOSED

Product:

CSS3 Backgrounds and Borders

Raised by:

David Hyatt

Opened on:

2008-04-04

Description:

The center part of the nine parts of a border image is used as an additional background image. If the designer doesn't want a background image, he has to make that part transparent. That is not so difficult with a reasonable painting program, but an even easier way might be to leave the image opaque and add a keyword to the 'border-image' property.

How often does it happen that the center part (and only that part) has to be transparent, how much easier is to add a keyword to the style sheet than to cut out a rectangle in a paint program and what is the cost of learning an extra keyword that you may never use?

-----
Reraised by Håkon
  http://lists.w3.org/Archives/Public/www-style/2009Jan/0414.html

Possible solutions:
  - Keep the middle part by default (current behavior). Add an ‘empty’
    keyword that clips out the middle part.
  - Make the middle part clip out by default. Add a ‘fill’ keyword that
    keeps it. (It's needed for stretch-tiling things like aqua buttons.)

Related Actions Items:

No related actions

Related emails:

1. [CSSWG] Minutes and Resolutions 2009-04-15 (from fantasai.lists@inkedblade.net on 2009-05-14)
2. Re: [css3-background] Issues and Proposed Resolutions (from fantasai.lists@inkedblade.net on 2008-08-11)
3. Re: [css3-background] Issues and Proposed Resolutions (from dbaron@dbaron.org on 2008-05-18)
4. [css3-background] Issues and Proposed Resolutions (from fantasai.lists@inkedblade.net on 2008-05-13)
5. ISSUE-28 (centerless border image): A keyword 'transparent' on 'border-image' to suppress the center image [CSS3 Backgrounds and Borders] (from sysbot+tracker@w3.org on 2008-04-04)

Related notes:

Display change log.