Modèle:Border-radius

La bibliothèque libre.
Sauter à la navigation Sauter à la recherche
Documentation

Ce modèle est un raccourci pour créer des coins arrondis. Il crée la feuille de style (CSS) pour différents navigateurs. Il fonctionne avec les versions actuelles d’Opera, Firefox, Safari, Chrome et Internet Explorer 9.

Utilisation 
Insérer ce modèle à l’intérieur d’une balise de style d’un élément quelconque :

{{border-radius | rayon1 [rayon2 rayon3 rayon4]}}

  • Si une seule valeur est définie, elle s’applique aux 4 coins.
  • Si quatre valeurs sont définies, elles s’appliquent respectivement aux coins : supérieur gauche, supérieur droit, inférieur droit et inférieur gauche.

N’utiliser pas deux ou trois valeurs, l’aspect sera différent selon les navigateurs.

Exemple 
  • <div style="background-color: #FFFFDD; border: 1px solid #808000; padding: 5px; {{border-radius|16px 8px 16px 8px}}">Lorem ipsum...</div> donne :
Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.