Border

Borders

This guide explains the settings and configuration of borders, allowing you to frame elements with customizable size, color, and appearance.

Borders can be activated in two ways:

Enter the thickness (in pixels) in the border field. This sets the same thickness on all sides.

Activate advanced border settings using the toggle on the right.
This allows you to give each side a different thickness.

Select the border color by clicking in the color picker or entering the HEX code.

Info
All sides of the border will have the same color. It is not possible to have unique colors per side (top, right, bottom, left).

The border-style property specifies the style of an element's four borders. There are 8 different border styles. Examples below:

Solid

Dotted

Dashed

Double

Groove

Ridge

Inset

Outset

None