What are some examples of CSS shorthand properties?

What are some examples of CSS shorthand properties?

CSS shorthand properties allow you to set multiple related properties in a single declaration. For example, the 'margin' property can be written as 'margin: 10px 20px;' which sets the top and bottom margins to 10px and the left and right margins to 20px.

Can you give me more examples?

Sure! Another example is the 'background' property. Instead of writing 'background-color', 'background-image', and 'background-position' separately, you can use 'background: url(image.jpg) no-repeat center;'.

What about font properties?

For fonts, you can use 'font' shorthand. Instead of specifying 'font-style', 'font-variant', 'font-weight', 'font-size', and 'line-height' separately, you can write 'font: italic small-caps bold 16px/1.5 Arial, sans-serif;'. This sets all those properties at once.

Are there any shorthand properties for borders?

Yes! The 'border' property is a shorthand for 'border-width', 'border-style', and 'border-color'. For example, 'border: 1px solid red;' sets all three properties in one line.