Standard Order of CSS Properties

order

/* 
layout
box
text
elements
based on conversation here: Mozilla, seen here: http://smacss.com/book/formatting#comment-323275246 
missing a place for animations and transitions
*/

el {
    content: ;
    cursor: ;
    
    /* layout */
    
    display: ;
    visibility: ;
    float: ;
    clear: ;
    
    position: ;
    z-index: ;
    top: ;
    right: ;
    bottom: ;
    left: ;
    
    /* box */
    
    opacity: ;
    
    box-sizing: ;
    
    width: ;
    min-width: ;
    max-width: ;
    height: ;
    min-height: ;
    max-height: ;
    overflow: ;
    vertical-align: ;
    
    margin: ;
    
    outline: ;    
    
    box-shadow: ;
        
    border-radius:;    
    border: ;
    border-width: ;
    border-style: ;
    border-color: ;
        
    padding: ;
        
    background: ;
    
    /* text */ 
    
    color: ;    
        
    font: ;
    font-family: ;
    font-size: ;
    font-weight: ;
    
    letter-spacing: ;
    line-height: ;
    
    text-align: ;
    text-decoration: ;
    text-indent: ;
    text-shadow: ;
    text-transform: ;
    
    word-spacing: ;
    white-space: ;
    
    /* element specific */
    
    list-style: ;
    table-layout: ;
    caption-side: ;
    border-collapse: ;
    border-spacing: ;
    empty-cells: ;    
        
   

}