CSS Borders

Introduction

Syntax

1/* border syntax */
2div {
3  border: 2px solid red;
4}

Example

1/* this creates borders */
2p.solid {
3  border-style: solid;
4  border-width: 5px;
5  border-color: blue;
6}

Key Points

• The `border-style` property is required to show a border.
• The `border-width` property changes the thickness.
• The `border-color` property sets the line color.
• The `border` shorthand property combines all three.