CSS Border Shortcut Property
Just like for fonts, there is a shortcut property for borders border that we can use instead of writing 3 different properties for the width, color, and type of the border. In this property, we can simply list the values for the border in any order.
Let's look at an example. Let's say we have a boundary like this:
#elem {
border-width: 1px;
border-style: solid;
border-color: black;
width: 300px;
height: 100px;
}
Let's rewrite it using the reduction property:
#elem {
border: 1px solid red;
width: 300px;
height: 100px;
}
Repeat the page according to this example:
Repeat the page according to this example:
Repeat the page according to this example:
Repeat the page according to this example:
