CSS Padding question 3

[danima]

Quick question...

I'm sure I've seen this somewhere before but can't remember the proper code. Instead of using

style="padding-left: 15px; padding-top: 15px;"

isn't there a shorter version that goes something like this?

style="15px, 0px, 15px, 0px"

Thanks

 

[cLFlaVA]

top, right, bottom, left.

style="padding: 15px 0 0 15px;"

*cLFlaVA
----------------------------
[tt]mr. pibb + red vines = crazy delicious![/tt]

[URL unfurl="true"]http://www.coryarthus.com/[/url]

 

[danima]

Thanks muchly...very timely.

I love this forum!

 

[ChrisHunt]

Actually, there are several shortcut ways of specifying padding (though not, admittedly, to do it for just top and left sides):

padding: 1px; /* Applies 1px padding to all sides */

padding: 1px 2px; /* 1px top & bottom, 2px left & right */

padding: 1px 2px 3px; /* 1px top, 2px left & right, 3px bottom */

padding: 1px 2px 3px 4px; /* 1px top, 2px right, 3px bottom, 4px left */

The way to remember the last one is that it's like a clock face, applying properties clockwise starting from 12 o'clock.

-- Chris Hunt
Webmaster & Tragedian
Extra Connections Ltd

 

[danima]

Thanks...that's awesome

Cheers

 

[tsdragon]

Another way to remember it is the the acronym TRBL (pronounced "trouble"). That's the technique I usually use.


Tracy Dryden

Meddle not in the affairs of dragons,
For you are crunchy, and good with mustard.

 

[danima]

Perfect...that's how I remember things!!

Cheers,