CSS Property Order

http://www.mozilla.org/css/base/content.css

/* Suggested order:
 * display
 * list-style
 * position
 * float
 * clear
 * width
 * height
 * margin
 * padding
 * border
 * background
 * color
 * font
 * text-decoration
 * text-align
 * vertical-align
 * white-space
 * other text
 * content
 *
 */

1. "Visual Formatting Model" properties

• display
• flex
  • flex-grow
  • flex-shrink
  • flex-basis
• flex-flow
  • flex-direction
  • flex-wrap
• justify-content
• align-content
• align-items
• align-self
• order
• visibility
• opacity
• clip ※Deprecated
• clip-path
• list-style
  • list-style-type
  • list-style-position
  • list-style-image
• position
• top
• right
• bottom
• left
• z-index
• float
• clear
• transform

2. "Box Model" properties

• width
• min-width
• max-width
• height
• min-height
• max-height
• margin
  • margin-top
  • margin-right
  • margin-bottom
  • margin-left
• padding
  • padding-top
  • padding-right
  • padding-bottom
  • padding-left
• overflow
  • overflow-x
  • overflow-y
• border
  • 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
  • border-image
    • border-image-source
    • border-image-slice
    • border-image-width
    • border-image-outset
    • border-image-repeat
  • border-radius
    • border-top-left-radius
    • border-top-right-radius
    • border-bottom-right-radius
    • border-bottom-left-radius
• box-sizing
• box-shadow

3. "Background" properties

• background
  • background-image
  • background-position
  • background-size
  • background-repeat
  • background-origin
  • background-clip
  • background-attachment
  • background-color

4. "Font, Text and Color" properties

• color
• font
  • font-style
  • font-variant
  • font-weight
  • font-stretch
  • font-size
  • line-height
  • font-family
• letter-spacing
• text-decoration
  • text-decoration-color
  • text-decoration-style
  • text-decoration-line
• text-align
• text-indent
• text-transform
• white-space
• word-break
• word-spaciing
• word-wrap
• text-shadow

5. "Table" properties

• table-layout
• border-collapse
• border-spacing
• empty-cells
• caption-side
• vertical-align

6. "User Interface" properties

• content
• quotes
• counter-increment
• counter-reset
• outline
  • outline-color
  • outline-style
  • outline-width
• cursor
• resize

7. "Animation" properties

• transition
  • transition-property
  • transition-duration
  • transition-timing-function
  • transition-delay
• animation
  • animation-name
  • animation-duration
  • animation-timing-function
  • animation-delay
  • animation-iteration-count
  • animation-direction
  • animation-fill-mode
  • animation-play-state

8. Other properties

• unicode-bidi
• direction
• page-break-before
• page-break-after
• page-break-inside
• widows
• orphans