Great work! In this lesson, you learned how to style a box's border.
Let's review what you learned:
- You can style the borders of an element's box.
border-width property allows you to set the thickness, or width, of a border.
border-style property allows you to change the style of border used.
border-color property allows you to change the color of a border.
- Individually setting the style, thickness, and color of a border can bloat code. It's more efficient to use the shorthand
border property and specify all three properties at once, in that order.
- Box borders don't have to be square. Their corners can be rounded with the
So far, we've focused on two aspects of the box: dimensions and borders. In the next unit, we'll focus on the content within the box and the space outside of the box.