Updates

Welcome
About
Testimonials
Links
Podcast

css margin and padding shortcuts

My CSS Cheat Sheet

I often forget how to start with CSS shortcuts, this time I wrote a short note here.

CSS margin:

/* the "long" way */
margin-top: 5px;
margin-right: 10px;
margin-bottom: 15px;
margin-left: 20px;
/* a shorcut: */
margin: 5px 10px 15px 20px;
/* must remember that top starts clockwise at 12 (zenith = top) */

CSS padding:

/* the "long" way */
padding-top: 5px;
padding-right: 10px;
padding-bottom: 15px;
padding-left: 20px;
/* a shorcut: */
padding: 5px 10px 15px 20px;
/* must remember that top starts clockwise at 12 (zenith = top) */

So I got the idea relating Zenith with top :-)

Start of page