Ordering CSS properties by the box model

CSS Property Order - Box Model

width: ;
height: ;
min-width: ;
max-width: ;
min-height: ;
max-height: ;

padding: ;
padding-top: ;
padding-right: ;
padding-bottom: ;
padding-left: ;

margin: ;
margin-top: ;
margin-right: ;
margin-bottom: ;
margin-left: ;

border: ;
border-top: ;
border-right: ;
border-bottom: ;
border-left: ;

border-width: ;
border-top-width: ;
border-right-width: ;
border-bottom-width: ;
border-left-width: ;

border-style: ;
border-top-style: ;
border-right-style: ;
border-bottom-style: ;
border-left-style: ;

border-color: ;
border-top-color: ;
border-right-color: ;
border-bottom-color: ;
border-left-color: ;

/* Alphabetize these */
/* Position gets alpha'd but keep t/r/b/l following Position */

position: ;
top: ;
right: ;
bottom: ;
left: ;
z-index: ;

display: ;
visibility: ;
float: ;
clear: ;

list-style: ;

table-layout: ;
caption-side: ;
border-collapse: ;
border-spacing: ;
empty-cells: ;

font: ;
font-family: ;
font-size: ;
line-height: ;
font-weight: ;
outline: ;
text-align: ;
text-indent: ;
text-transform: ;
text-decoration: ;
letter-spacing: ;
word-spacing: ;
white-space: ;
vertical-align: ;
color: ;

background: ;
background-color: ;
background-image: ;
background-repeat: ;
background-position: ;

opacity: ;

cursor: ;

content: ;
quotes: ;