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

RE: Border align

From: Colt Antonio Pini <Colt.Pini@nau.edu>
Date: Tue, 13 Jul 2010 09:50:57 -0700
To: www-style list <www-style@w3.org>
Message-ID: <786443B5C7E00948B25B7C9C5CADAF8304EED0A132@NAUFLG-CMS1.nau.froot.nau.edu>
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>




inset.jpg
(image/jpeg attachment: inset.jpg)

centered.jpg
(image/jpeg attachment: centered.jpg)

outset.jpg
(image/jpeg attachment: outset.jpg)

offset1.jpg
(image/jpeg attachment: offset1.jpg)

offset2.jpg
(image/jpeg attachment: offset2.jpg)

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

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