Skip to content

Instantly share code, notes, and snippets.

@geoffreyhale

geoffreyhale/CSS Property Order - Box Model Convention

Created October 23, 2015 01:45
Show Gist options

  • Select an option

    Learn more about clone URLs
  • Save geoffreyhale/122815c9d96bc072867a to your computer and use it in GitHub Desktop.

Select an option

Learn more about clone URLs
Save geoffreyhale/122815c9d96bc072867a to your computer and use it in GitHub Desktop.
Download ZIP

Revisions

  1. geoffreyhale created this gist Oct 23, 2015.
    93 changes: 93 additions & 0 deletions CSS Property Order - Box Model Convention
    View file
    Original file line number Diff line number Diff line change
    @@ -0,0 +1,93 @@
    display: ;
    visibility: ;
    float: ;
    clear: ;

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

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

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

    padding: ;
    padding-top: ;
    padding-right: ;
    padding-bottom: ;
    padding-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: ;

    outline: ;

    list-style: ;

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

    font: ;
    font-family: ;
    font-size: ;
    line-height: ;
    font-weight: ;
    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: ;