CSS border-top

Shorthand property that defines the width, color, and style of the top border of an element.

Syntax

border-top: <value>;

Copy to clipboard
Copy to clipboard

where <value> can be one of the following:

• Border width: thick
• Border style: dashed
• Border color: #f1f1f1

Note: values can be provided in any order.

Example 1

Set the top border of the h1 element to be green, 3 pixels thick, and dotted:

h1 {
  border-top: green 3px dotted;
}

Copy to clipboard
Copy to clipboard

This will display:

Example 2

Set the top border of the h1 element to be 4 pixels thick, dashed, and blue:

h1 {
  border-top: 4px solid blue;
}

Copy to clipboard
Copy to clipboard

This will display: