« Modèle:Clr/Documentation » : différence entre les versions

Version du 27 mai 2025 à 19:36

Note : Ceci est une page de documentation pour un modèle.

Ce modèle insère un élément `

` permettant de **réinitialiser le flottement** (clear) dans la mise en page CSS.

Il accepte un paramètre pour définir le côté où l’on souhaite stopper le flottement.

Cela évite que les éléments suivants se placent à côté d’éléments flottants (à gauche ou droite) et permet un meilleur contrôle du flux du document.

Traduit un paramètre simple en la propriété CSS `clear` correspondante.
Permet de gérer précisément le comportement des éléments flottants dans une page.
Utile pour corriger les problèmes d’empilement d’éléments flottants.

@@ Ligne 6 : / Ligne 6 : @@
 Cela évite que les éléments suivants se placent à côté d’éléments flottants (à gauche ou droite) et permet un meilleur contrôle du flux du document.
-== 🔧 Syntaxe ==
-<code><nowiki>{{Clear}}</nowiki></code>
-== 🧪 Exemple ==
-<syntaxhighlight lang="wikitext">
-{{Clear|gauche}}
-{{Clear|right}}
-{{Clear|aucun}}
-{{Clear}}
-</syntaxhighlight>
-== 🎨 Rendu ==
-<div style="background:#eee; border:1px solid #ccc; padding:0.5em;">
-Texte avant flottant.<br>
-{{Clear|gauche}} <!-- applique clear:left -->
-Texte après clear gauche.<br>
-{{Clear|droite}} <!-- applique clear:right -->
-Texte après clear droite.<br>
-{{Clear|aucun}} <!-- clear:none -->
-Texte après clear none.<br>
-{{Clear}} <!-- clear:both par défaut -->
-Texte après clear both.<br>
-</div>
 === 🔍 Fonctionnalités ===