> For the complete documentation index, see [llms.txt](https://nanoxi.gitbook.io/starterkitv4/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://nanoxi.gitbook.io/starterkitv4/widgets/liste-des-widgets/colonne.md).

# Colonne

Le widget Colonne est un des éléments les plus importants de votre page. Il permet de structurer vos différents contenus.

Ce widget a la particularité d'en intégrer d'autres, comme indiqué dans la liste sur la page [Liste des widgets](/starterkitv4/widgets/liste-des-widgets.md).

<figure><img src="/files/c3R3I2996qzjTYzieedT" alt=""><figcaption><p>Exemple de textes séparés par des colonnes</p></figcaption></figure>

### Emplacement autorisé

* [x] Racine
* [x] Colonne

### Redimensionnement à la racine

Vous avez la possibilité de redimensionner une colonne à la racine. Avec cela, vous pouvez aligner plusieurs colonnes sur une même ligne, par exemple.

Pour ce faire, rendez-vous sur le coin inférieur droit du widget. Votre curseur changera et vous pourrez redimensionner en maintenant le clic gauche jusqu'à obtenir les bonnes dimensions. Le redimensionnement se fait horizontalement et verticalement.

<figure><img src="/files/NutWXYyM0qprZidY1cvP" alt=""><figcaption><p>Redimensionner une colonne</p></figcaption></figure>

<figure><img src="/files/EhAdBZGXTTLKetaNTm5a" alt=""><figcaption><p>Exemple avec plusieurs colonnes modifiées</p></figcaption></figure>

### Onglet « Contenu »

<figure><img src="/files/nAVrgrYh8H8jh4A7hvQ5" alt=""><figcaption><p>Onglet Contenu</p></figcaption></figure>

#### Contenu

<table><thead><tr><th width="253">Nom</th><th>Description</th></tr></thead><tbody><tr><td>Mobile</td><td>Place le premier élément en vue mobile</td></tr><tr><td>Alignement vertical</td><td>Alignement vertical des éléments de la colonne</td></tr><tr><td>Hauteur minimale (%)</td><td>Hauteur minimale de la colonne</td></tr><tr><td>Marge</td><td>Marge entre la colonne et les autres éléments</td></tr><tr><td>Largeur écran</td><td>Largeur d'affichage de la colonne</td></tr><tr><td>Écartements</td><td>Espace entre les éléments dans la colonne</td></tr><tr><td>Largeur des contenus</td><td>Largeur des éléments dans la colonne</td></tr></tbody></table>

#### Couverture

<table><thead><tr><th width="253">Nom</th><th>Description</th></tr></thead><tbody><tr><td>Couleur de texte</td><td>Couleur du texte dans la colonne</td></tr><tr><td>Couleur de fond</td><td>Couleur du fond de la colonne</td></tr><tr><td>Média de fond</td><td>Ajoute un média en tant qu'image/vidéo de fond</td></tr><tr><td>Fond fixe</td><td>Définit le fond de manière fixe, ne s'adaptant pas en fonction de la position</td></tr><tr><td>Filtre</td><td>Effet de netteté</td></tr><tr><td>Rayon de bordure</td><td>Arrondissement des bords</td></tr><tr><td>Ombre</td><td>Ombre autour de la colonne</td></tr><tr><td>Lien</td><td>Lien vers un média</td></tr></tbody></table>

#### Apparition

<table><thead><tr><th width="251">Nom</th><th>Description</th></tr></thead><tbody><tr><td>Animation</td><td>Type d'animation (Aucune, Fondu, ..)</td></tr><tr><td>Délai (en millisecondes)</td><td>Durée de l'animation (entre zéro et deux-mille)</td></tr><tr><td>Répéter l'animation</td><td>Répéter l'animation de manière indéfinie</td></tr></tbody></table>