- 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>
Attachments
- image/jpeg attachment: inset.jpg
- image/jpeg attachment: centered.jpg
- image/jpeg attachment: outset.jpg
- image/jpeg attachment: offset1.jpg
- image/jpeg attachment: offset2.jpg
Received on Tuesday, 13 July 2010 16:51:53 UTC