DEV Community

Cover image for 5 CSS shortcuts
Ryland @ Stackbit for Stackbit

Posted on

2

5 CSS shortcuts

It's amazing how long I didn't know about these. They make my style sheets much more clean.

I hope they do the same for yours. :-)

1/ List properties, made simpler:

css-list-properties-short-cut

2/ The background property, made easier:

css-background-property-short-cut

3/ Font and line-height properties, made like a pro:

css-font-line-height-properties-short-cut

4/ Margin and padding properties, made how they should be:

css-margin-padding-properties-short-cut

5/ Border property, made with love:

css-border-property-short-cut

Heroku

This site is built on Heroku

Join the ranks of developers at Salesforce, Airbase, DEV, and more who deploy their mission critical applications on Heroku. Sign up today and launch your first app!

Get Started

Top comments (1)

Collapse
 
yamanidev profile image
Mohamed Yamani

Thanks for sharing! Indeed they make our styles cleaner and easier to skim through.

I think the title is a bit misleading though. They're called CSS shorthands, not shortcuts

Billboard image

The Next Generation Developer Platform

Coherence is the first Platform-as-a-Service you can control. Unlike "black-box" platforms that are opinionated about the infra you can deploy, Coherence is powered by CNC, the open-source IaC framework, which offers limitless customization.

Learn more

👋 Kindness is contagious

Please leave a ❤️ or a friendly comment on this post if you found it helpful!

Okay