Skip to content

Instantly share code, notes, and snippets.

@juarezpaf
Created July 11, 2010 19:41
Show Gist options
  • Select an option

  • Save juarezpaf/471770 to your computer and use it in GitHub Desktop.

Select an option

Save juarezpaf/471770 to your computer and use it in GitHub Desktop.
/* margin values */
p { margin: 1em; } - order not critical
p { margin: 1em 2em; } - order critical (top/bottom left/right)
p { margin: 1em 2em 4em; } - order critical (top left/right bottom)
p { margin: 1em 2em 4em 3em; } - order critical (top right bottom left)
/* padding values */
p { padding: 1em; } - order not critical
p { padding: 1em 2em; } - order critical (top/bottom left/right)
p { padding: 1em 2em 4em; } - order critical (top left/right bottom)
p { padding: 1em 2em 4em 3em; } - order critical (top right bottom left)
/* border-color values */
p { border-color: #999; } - order not critical
p { border-color: #999 #aaa; } - order critical (top/bottom left/right)
p { border-color: #999 #aaa #000; } - order critical (top left/right bottom)
p { border-color: #999 #aaa #000 #666; } - order critical (top right bottom left)
/* border-width values */
p { border-width: 1px; } - order not critical
p { border-width: 1px 2px; } - order critical (top/bottom left/right)
p { border-width: 1px 2px 3px; } - order critical (top left/right bottom)
p { border-width: 1px 3px 4px 1px; } - order critical (top right bottom left)
/* border-style values */
p { border-style: solid; } - order not critical
p { border-style: solid dashed; } - order critical (top/bottom left/right)
p { border-style: ridge dashed solid; } - order critical (top left/right bottom)
p { border-style: ridge dashed solid inset; } - order critical (top right bottom left)
/* border values */
p { border-top: 1px solid #000; } - order not critical
p { border-right: 1px solid #000; } - order not critical
p { border-bottom: 1px solid #000; } - order not critical
p { border-left: 1px solid #000; } - order not critical
p { border: 1px solid #000; } - order not critical
/* outline values */
p { outline: 1px solid #000; } - order not critical
/* background values */
p { background: #f00 url(a.gif) repeat fixed 0 0; } - order not critical
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment