Template:Clr/doc

Description
Ce modèle vous permet de forcer une rupture sur le côté gauche, le côté droit ou les deux côtés de la page.

Ce modèle ajoute le code suivant à la page :  (la valeur après   dépend des paramètres ; la valeur « both » est celle par défaut, les valeurs « gauche » et « droite » sont acceptées pour left et right). Ce code affecte les éléments avec la propriété CSS, y compris les fichiers flottants sur le côté (par exemple,  ).


 * Avec le paramètre « both », il déplace tout contenu mis après lui en-dessous de n'importe quel élément flottant à gauche ou à droite (infoboxes, images, etc.).
 * Avec le paramètre « left », il déplace tout contenu mis après lui en-dessous de n'importe quel élément flottant à gauche (infoboxes, images, etc.).
 * Avec le paramètre « right », il déplace tout contenu mis après lui en-dessous de n'importe quel élément flottant à droite (infoboxes, images, etc.).

Syntaxe
Saisissez  dans un article à l'endroit où vous souhaitez faire la rupture.


 * Pour effectuer une rupture des deux côtés de la page, ajoutez le code.
 * Pour effectuer une rupture uniquement du côté gauche de la page, ajoutez le code ou.
 * Pour effectuer une rupture uniquement du côté droit de la page, ajoutez le code ou.

Vous pouvez également utiliser au lieu de  est un raccourci pour appeler ce modèle.


 * Exemple

Section 1
Texte de la section 1.

Section 2
Texte de la section 2.

Section 3
Texte de la section 3.

Ce code produit le résultat suivant :

Section 1
Texte de la section 1.

Section 2
Texte de la section 2.

Section 3
Texte de la section 3.

Comme vous pouvez le voir ci-dessus, l'image en exemple ajoutée dans la section 1 est affichée à droite et s'étend vers le bas, traversant la section 2 tandis que le modèle est appelé à la fin de la deuxième section, ce qui fait que l'image en exemple n'est pas à côté de la section 3. Ainsi, une des utilisations du modèle est de contrôler quels éléments sont affichés à côtés d'autres éléments.

Voir aussi

 * Propriété CSS  sur MDN
 * Propriété CSS  sur MDN