Garrick Cheung » shorthand http://www.garrickcheung.com Sharing what I know and learn about CSS, MooTools, Javascript, PHP and etc. Fri, 30 Sep 2011 05:16:10 +0000 en hourly 1 http://wordpress.org/?v= CSS Best Practice #2: Shorthand Properties http://www.garrickcheung.com/css/css-best-practice-2-shorthand-properties/ http://www.garrickcheung.com/css/css-best-practice-2-shorthand-properties/#comments Fri, 05 Dec 2008 19:00:30 +0000 Garrick http://www.garrickcheung.com/?p=210 Write your CSS rules with shorthand properties. It keeps things simple and clean.

1
2
3
4
5
6
7
8
9
10

.example {
    /* long */
    padding-top:1px;
    padding-right:2px;
    padding-bottom:3px;
    padding-left:4px;
 
    /* short */
    padding:1px 2px 3px 4px;
}

To help you with the shorthand, Dustin Diaz took the time to put together a CSS shorthand guide. Way to go Dustin! Check the guide for in-depth descriptions, examples, and Dustins “quirky facts” (such as shorthand defaults).

SitePoint CSS Reference is another source for shorthand properties, or any property in general, you should/could/would use.

]]> http://www.garrickcheung.com/css/css-best-practice-2-shorthand-properties/feed/ 1