CSS ShortHand Property Cheat Sheet

  • Share
  • Share

cssShortHandPropertydownloadShorthand properties can be used to set several properties at once, in a single declaration, instead of wasting your precious time and space making declaration for each individual property. With css shorthand we make our code less complicated and more readable for those who want to explore it. Unfortunately, quite a few shorthand properties are available, that`s why we`ve collected most useful and most used for you. But be careful shorthand declaration is effective when condensed correctly, sometimes it can bring surprises.

We hope that today`s freebie come in handy.

Got any handy hints and tips related to CSS shorthand? Let us know by means of comments.

Enjoy and Good Luck!

About the author

Nataly is a web developer from Sevastopol, Ukraine. She runs a blog for web designers and developers where you can find some inspirational and useful stuff. In her spare time she reads books, unlocks secrets and plays volleyball.


  1. Custom Website Designer, OR says:

    This is so handy! I never remember the list-style shorthand.. thanks

  2. ilayaraja says:

    Thanks. css shorthand cheat sheet will save my coding time

  3. Derek Short says:

    Today is August 31, 2017. Is there an updated version?


Leave a Comment