On Mon, Sep 28, 2009 at 9:09 AM, T. R. Valentine <[email protected]>wrote:
> When using shorthand elements such as 'margin' or 'padding', the order is > (IIRC) > 2 values (top & bottom) (left & right) > 4 values (top) (right) (bottom) (left) > > What about three values? > > Also, does anyone have a mnemonic to remember the order? > > -- > T. R. Valentine > Your friends will argue with you. Your enemies don't care. > 'When I get a little money I buy books; and if any is left I buy food > and clothes.' -- Erasmus > ______________________________________________________________________ > css-discuss [[email protected]] > http://www.css-discuss.org/mailman/listinfo/css-d > List wiki/FAQ -- http://css-discuss.incutio.com/ > List policies -- http://css-discuss.org/policies.html > Supported by evolt.org -- http://www.evolt.org/help_support_evolt/ > When using three values if you leave the fourth undeclared it will inherit from the previous declaration. If that doesn't make sense think of it like this. You declare *padding: 10px 4px 0;* You have values of* 10px top, 4px right, 0px bottom* and the left padding will *inherit* from the declaration you made on the right, in this case 4px. The easiest way for me to remember is that it goes clockwise. But I don't have any trick other than that. Regards, Jeff ______________________________________________________________________ css-discuss [[email protected]] http://www.css-discuss.org/mailman/listinfo/css-d List wiki/FAQ -- http://css-discuss.incutio.com/ List policies -- http://css-discuss.org/policies.html Supported by evolt.org -- http://www.evolt.org/help_support_evolt/
