---
title: Apparence
description: "![Propriétés communes - options onglet Apparence](https://wiki.biboard.fr/wp-content/uploads/2024/07/V18__Options-Apparence_01-1024x529.png) ### Couleur d'avant plan ``` Permet d'affecter une couleur pour l'avant plan. Par exemple, pour un tableau, cela affecte la couleur du texte. ``` ### Couleur de bordure ``` Permet d'affecter une couleur pour…"
url: "https://wiki.biboard.fr/wiki/apparence/"
updated: "2025-09-16"
category: Guide utilisateur / Studio / Options / Edition Web / Propriétés communes
---

# Apparence

![Propriétés communes - options onglet Apparence](https://wiki.biboard.fr/wp-content/uploads/2024/07/V18__Options-Apparence_01-1024x529.png)

### Couleur d'avant plan

```
Permet d'affecter une couleur pour l'avant plan. Par exemple, pour un tableau, cela affecte la couleur du texte.
```

### Couleur de bordure

```
Permet d'affecter une couleur pour les bordures du composant.
```

### Couleur de fond

```
Permet d'affecter une couleur de fond au composant.
```

### URL de l'image de fond

```
Permet de spécifier le chemin et l'image à insérer en image de fond (ex: /resources/images/AddImages/antenna-tower-4992230__480.jpg). Pour un bon fonctionnement, il faut bien renseigner le chemin avec un '/').
```

### Taille de l'image de fond

```
Permet de définir la taille de l'image de fond  (non renseigné par défaut) : Auto (taille d'origine), Contain (image complète) et Cover (remplissage).
```

### Mode de fusion de l'image

```
Les modes de fusion permettent de mélanger la couleur de fond de l'image (non renseigné par défaut) : normal, multiply, screen, overlay, darken et lighten.
```

### Position horizontale de l'image

```
Permet de positionner l'image (non renseigné par défaut) : left (gauche), center (centre) et right (droite).
```

### Position verticale de l'image

```
Permet de positionner l'image (non renseigné par défaut) : top (haut), center (centre) et bottom (bas).
```

### Répétition de l'image de fond

```
Permet de remplir le fond avec des répétitions de l'image
```

### Arrondi du contour

```
Permet d'arrondir le contour du composant. la valeur -1 (défaut) défini l'arrondi en fonction de la largeur de la bordure. La valeur s'exprime en pixels (ex: 10).
```

### Classe de style

```
Permet d'ajouter une classe de style personnalisée. Pour un exemple consultez la FAQ --> Modifier un élément de style d’un composant sans modifier sa CSS.
```