What are CSS shorthand properties?

What are CSS shorthand properties?

CSS shorthand properties allow you to set multiple related CSS properties in a single declaration. For example, instead of writing separate properties for margin-top, margin-right, margin-bottom, and margin-left, you can use the shorthand 'margin'.

Can you give me some examples of shorthand properties?

Sure! Some common shorthand properties include:

1. margin - sets all four margins at once.
2. padding - sets all four paddings at once.
3. border - sets border width, style, and color in one line.
4. background - sets background color, image, position, and more.

How do I use the margin shorthand property?

To use the margin shorthand property, you can specify one to four values. For example:

• margin: 10px; (all sides)
• margin: 10px 20px; (top/bottom and left/right)
• margin: 10px 15px 20px; (top, left/right, bottom)
• margin: 10px 15px 20px 25px; (top, right, bottom, left).