CSS Shorthand Properties

CSS Shorthand Properties: you can use shorthand properties to make writing CSS a bit quicker, more organized and save space in your stylesheets. Knowing these shorthand properties are a nice CSS hack that is helpful to be familiar with. One commonly not known shorthand property is the all property.

background-code

border-code

font-code

margin-padding-code

all-code

Note that the all property isn’t supported in IE 11. Check caniuse for more information.

Read more about it in the CSS Spec here Also check the mozilla docs for each property mentioned above

This website is useful as it creates CSS shorthand for you from a declaration you provide

Instagram Post