RE: Border align

Attached are images of what I am describing. The red border just emphasizes the edge of the container in relation to the border, the blue is the actual border. 

Colt

If you don't get the attachments the images are here:
http://coltpini.com/jpg/inset.jpg
http://coltpini.com/jpg/centered.jpg
http://coltpini.com/jpg/outset.jpg
http://coltpini.com/jpg/offset1.jpg
http://coltpini.com/jpg/offset2.jpg


-----Original Message-----
From: www-style-request@w3.org [mailto:www-style-request@w3.org] On Behalf Of Christoph Päper
Sent: Monday, July 12, 2010 11:57 PM
To: www-style list
Subject: Re: Border align

Colt Antonio Pini:
> 
> 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.

You might be interested in the 'box-sizing' property, although it does not do exactly what you describe. <http://www.w3.org/TR/css3-ui/#box-sizing>

Received on Tuesday, 13 July 2010 16:51:53 UTC