border#

#Introduction

The border shorthand CSS property sets an element's border. It sets the values of border-width, border-style, and border-color.

#Examples

css-apisrc/border/App.tsx

Preview

#Syntax

/* style */
border: solid;

/* width | style */
border: 2px dotted;

/* style | color */
border: outset #f33;

/* width | style | color */
border: medium dashed green;

#Values

This property is a shorthand for the following CSS properties:

• border-width Sets the thickness of the border.

• border-style Sets the style of the border.

• border-color Sets the color of the border.

#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 between web

• mdn:border

Lynx does not support inherit, initial, revert, or unset.

#Compatibility