Shorthand 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.
Collection of Helpful CSS Shorthand Properties Cheat Sheet
You can never have enough CSS shorthand property cheat sheets. The deal is, the web does not stay still—everything changes. On top of that, we all have different tastes: what works for some people may not work for others. Whatever beautifully designed cheat sheet it may be, it still can be uncomfortable to work with because some people prefer more clean and neat ways.
Therefore, we have decided to gather a collection of various helpful CSS shorthand property cheat sheets so that you can find the best option for you and your bright personality with its own demands and preferences.
The CSS Shorthand Properties by Leigeber
The cheat sheet covers all the basic CSS properties starting from margin and paddings and ending with font. It is perfect for all the newbies out there.
The Essential CSS3 Properties Cheat Sheet
Created by the team behind MakeUseOf, this essential CSSs shorthand properties cheat sheet is made as regular table where you can quickly locate the basic elements. Eaach one is accompanied by a helpful description with some examples and default options.
The Complete CSS Cheat Sheet
This complete CSS3 cheat sheet will delight every CSS junkie because it fits the bill whether you are a novice or semi-professional. Among the variety you will find shorthands for such fundamential CSS3 properties as selectors, units, pseudo-selectors, positioning, boxing and much more.
CSS Font Shorthand Property Cheat Sheet
Are you looking for a proper shorthand for styling fonts? Look no more, since we have got a solution to your troubles. This clean, neat and straight-to-the-point font shorthand property cheat sheet shows how you can save space and at the same time tell the browser how to handle body copy.
CSS Properties: A Reference Guide
Although this is not a traditional cheat sheet: it is a table with filter and search field, nevertheless it can become a lifesaver for those who need to get the description of a particular CSS property in no time. Created in 2018, it features the most recent CSS features, including modern flexbox and grid, and the traditional ones like typography, background, colors and elemnt stylign.
CSS Shorthand Properties Cheat Sheet by Robablog
The key feature of this CSS prperty shorthand cheat sheet is that you can easily copy and paste everything you may need. As usual, the author has covered the basic and most popular properties like background, list style, font, transition, box-edge properties, borders, and some others. Along with the templates, you can see actual examples to get the understanding of each feature.
Comprehensive CSS Property Cheat Sheet
LAst but not least,. This clean and neat digital cheat sheet embraces all CSS featuring, both old and new ones. Much like a reference guide featured asbove, this one also can be searched to locate necessary property quickly and effeciently. Selectors, combinators, pseudo-classes, fonts, colors, backgrounds: you will find in here not just specifications but also examples and short descripotion. This is a great starting point for all the novices in CSS.
Got any handy hints and tips related to CSS shorthand? Let us know by means of comments.
Enjoy and Good Luck!
3 comments
This is so handy! I never remember the list-style shorthand.. thanks
Thanks. css shorthand cheat sheet will save my coding time
Today is August 31, 2017. Is there an updated version?