Skip to content

Priority of CSS properties

metajack edited this page Apr 15, 2013 · 2 revisions

Most important:

  • display
  • float
  • position
  • width, height
  • color
  • text-align
  • line-height
  • font-family (newbie maybe)
  • font-size (newbie maybe)
  • font-style (newbie maybe)
  • vertical-align
  • text-decoration
  • text-transform
  • top, left, bottom, right
  • border (and syncing related pseudo-properties) (newbie)
  • margin (and syncing related pseudo-properties) (newbie)
  • padding (and syncing related pseudo-properties) (newbie)
  • background (and syncing background-color, background-repeat, background-position, background-attachment, background-image) (newbie)
  • overflow
  • visibility

Nice to have:

  • clear
  • direction
  • z-index
  • font-variant
  • {max,min}-{width,height}
  • gradient syntax
  • text-indent
  • word-spacing
  • letter-spacing
  • page-break things

Future:

  • cursor
  • list-style
  • outline and friends
  • table things and caption-side
  • unicode-bidi
  • animations
  • transitions
  • widows
  • flex box
  • content
  • counter things
  • clip
  • css3 borders

Very Future

  • voice
  • speak
  • play-during, pitch, azimuth, elevation