Chris, David and Tim: 

Great thanks to the three of you for your examples and links to w3.org. I'm
very happy that there are shorthand rules for borders by which I can now
streamline my declarations.

Cole

-----Original Message-----
From: [EMAIL PROTECTED] [mailto:[EMAIL PROTECTED] On
Behalf Of Tim White
Sent: Thursday, April 17, 2008 9:50 PM
To: wsg@webstandardsgroup.org
Subject: Re: [WSG] Shorthand rule for border?

On Thu, Apr 17, 2008 at 9:09 AM, Cole Kuryakin <[EMAIL PROTECTED]> wrote:
>
> This is something that I've been wondering about for a long time - a
> shorthand rule for borders.

David's link is a good starting spot -- but I'll move you up a couple
of paragraphs:
http://www.w3.org/TR/CSS2/box.html#border-properties

There are something like 20 different border rules, plus value shorthands.

For you example:
> .someClass
>
> {
>
> border-top: 1px solid #CCC;
>
> border-left: 1px solid #CCC;
>
> border-bottom: 2px solid #666;
>
> border-right: 2px solid #666;
>
> }

...you could do something like

border: 1px solid;
border-width: 1px 2px 2px 1px;
border-color: #ccc #666 #666 #ccc;

There are other options as well (like Chris's).


Tim

*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************



*******************************************************************
List Guidelines: http://webstandardsgroup.org/mail/guidelines.cfm
Unsubscribe: http://webstandardsgroup.org/join/unsubscribe.cfm
Help: [EMAIL PROTECTED]
*******************************************************************

Reply via email to