Alphabetize Properties

alphabetize_properties.css

/* Alphabetize Properties */
/* Bad, properties are in random order and vendor prefixes aren't grouped. */
.menu {
  border: 1px #eee solid;
  padding: 4em 2em;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  margin: 1em 2em 1em; 
  background: url('book.png') #eee repeat;  
}
/* Good, properties are alphabetized and vendor prefixes follow standard property. */
.menu {
  background: url('book.png') #eee repeat;    
  border: 1px #eee solid;
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;  
  margin: 1em 2em 1em;     
  padding: 4em 2em;
}
/* Good, alternatively, place vendor prefixes at the top (in alphabetical order),
followed by standard properties. */
.menu {
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px; 
  background: url('book.png') #eee repeat;    
  border: 1px #eee solid;
  margin: 1em 2em 1em;     
  padding: 4em 2em;
}