border-top#

#Introduction

The border-top shorthand CSS property sets all the properties of an element's right border.

#Examples

<Go/>

css-apisrc/border-top/App.tsx

Code

Preview

#Syntax

.border {
  border-top: 1px;
}

It is actually the same as this one:

.border {
  border-top: 1px solid black;
}

#Values

This property is a shorthand for the following CSS properties:

• border-top-width width of the border

• border-top-style style of the border

• border-top-color color of the border

As with all shorthand properties, border-top always sets the values of all the properties that it can set, even if they are not specified. It sets those that are not specified to their default values. Consider the following code:

#Formal definition

#Formal Syntax

<line-width> || <line-style> || <color>
where
<line-width> = <length> | thin | medium | thick
<line-style> = none | hidden | dotted | dashed | solid | double | groove | ridge | inset | outset

#Difference from Web

• mdn:border-top

Global values are not supported. (inherit, initial, revert, unset, etc)

Default style value is solid.

#Compatibility