---
title: "Bordure : encadrer un élément avec un trait"
description: "Ajoutez une bordure autour d'un élément en réglant son style, son épaisseur et sa couleur côté par côté."
url: https://docs.vivlab.com/editor/style/border
---

# Bordure

Utilisez **Bordure** pour tracer une ligne autour d'un élément. Choisissez son style, son épaisseur, sa couleur et les côtés où elle apparaît.

<DocsScreenshot name="editor-border-settings" alt="Une bordure pleine noire de 4 pixels sur les quatre côtés." :width="343" :height="423" />

## Style de bordure

Le sélecteur **Style de bordure** propose quatre styles :

- **Plein** : trait continu (le plus courant).
- **Pointillé** : petits points alignés.
- **Tiret** : petits traits espacés.
- **Double** : deux traits parallèles.

Tant que le style n'est pas choisi, les autres réglages restent masqués.

## Bordure (côtés à border)

Une fois le style choisi, sélectionnez les côtés à bordurer (**Haut**, **Droite**, **Bas**, **Gauche**). Cliquez sur un côté pour l'activer ou le désactiver. Vous pouvez activer un, deux, trois ou les quatre côtés.

C'est ainsi qu'on crée, par exemple, un séparateur en bas d'une carte (uniquement le côté **Bas** activé), ou un encadrement complet (les quatre côtés).

## Couleur de la bordure

Sélecteur de couleur classique. Les couleurs de votre [thème](https://docs.vivlab.com/sections/themes-brands.md) apparaissent en raccourci.

## Épaisseur de la bordure

Curseur entre 1 et 20 pixels. Une valeur de 1 donne un trait fin, 4 un trait visible, au-delà un encadrement très marqué.

## Réinitialiser

Le bouton **Réinitialiser les paramètres** efface la bordure (style, couleur, épaisseur, côtés activés) en une seule action.
