W3C home > Mailing lists > Public > www-style@w3.org > July 2010

Re: Border align

From: Brad Kemper <brad.kemper@gmail.com>
Date: Tue, 13 Jul 2010 07:28:58 -0700
Cc: Alex M <timeroot.alex@gmail.com>, "www-style@w3.org" <www-style@w3.org>
Message-Id: <D85CFB6F-EE36-40D3-BE68-4AD527B3C163@gmail.com>
To: Colt Antonio Pini <Colt.Pini@nau.edu>
What you/re describing sounds a lot like border-image-outset, but without requiring an image (border-outset?):

http://www.w3.org/TR/css3-background/#the-border-image-outset

And actually, if you didn't mind using an image (it wouldn't have to be a fancy border, it can still look like a plain, solid border, with a very small image), then you could use border-image for your needs. Note that it does not change the box dimensions: if you move the border outward, it increase the distance between inner border edge and content, making your padding appear to increase (or for a gap to be shown between padding and border).


On Jul 12, 2010, at 6:03 PM, Colt Antonio Pini wrote:

> What this would allow is to position the border to the inside, outside, or centered on an object. At the moment browsers do this differently and it would be nice to have the control of where I want it. In positioning an object with a border I get pixel jogs depending on which browser renders it. This would give me control over where my border would be placed. You could even specify a 12px inset and it would move my two pixel border 12 pixels in in all directions. (If you would like I can send some images that specify what I mean exactly.)
>  
> So Say I was to do this
>  
> img {
>                 border: 1px solid #0f0;
>                 }
>  
> The inset border would “clip off” 2 px of my image, an outset would be added to the outside of the image, and center would clip 1px and add 1px to the outside.
>  
> That might clear up what I mean.
>  
> Colt
>  
> p.s. over 65.8% of all stats are made up on the spot. J
>  
> From: Alex M [mailto:timeroot.alex@gmail.com] 
> Sent: Monday, July 12, 2010 5:37 PM
> To: Colt Antonio Pini
> Subject: Re: Border align
>  
> I believe this could be done with padding on the box. For instance, if you wanted a border that was offset 2px to the right and up, you could set {padding: 5px 7px 5px 7px;} Is this what you meant?
> 
> ~6 out of 5 statisticians say that the number of statistics that either make no sense or use ridiculous timescales at all has dropped over 164% in the last 5.62474396842 years.
> 
> On Mon, Jul 12, 2010 at 4:51 PM, Colt Antonio Pini <Colt.Pini@nau.edu> wrote:
> I was wondering what the possibility of having a border property that allowed for an outset border, and inset border, or a centered border?
> 
> If this isn't the right place to ask I do apologize.
> 
>  
Received on Tuesday, 13 July 2010 14:29:45 GMT

This archive was generated by hypermail 2.3.1 : Tuesday, 26 March 2013 17:20:29 GMT