Using Shorthand Properties in CSS

Monday Jan 7th 2019 by Srinath MS
Article Image

Language: Web, Expertise: Intermediate - Learn how to use CSS shorthand properties.

CSS supports shorthand properties for margin, border properties, etc.

For example:

margin-top: 1.5em; 
margin-right: 1em; 
margin-bottom: 1.5em; 
margin-left: 1em;

could be written in shorthand format as

margin: 1.5em 1em 1.5em 1em;
Mobile Site | Full Site