border-top-right-radius |
Rayon de la bordure de haut à droite |
| CSS3 |
|
Syntaxe
|
border-top-right-radius: longueur|pourcentage%|inherit|initial;
|
Paramètres
| Paramètre |
Description |
| longueur |
Ce paramètre permet d'indiquer le nombre de pixels du rayon du coin supérieur droite. |
| pourcentage% |
Ce paramètre permet d'indiquer le pourcentage du rayon du coin supérieur droite. |
| inherit |
Ce paramètre permet d'indiquer qu'il faut hérité de la valeur de son parent. |
| initial |
Ce paramètre permet d'indiquer qu'il faut appliquer la valeur par défaut de cette propriété. |
Description
Cette propriété permet d'indiquer la forme de la bordure dans le coin supérieur droit.
Remarques
- Définition de base : La propriété "border-top-right-radius" définit le rayon du coin supérieur droit d'un élément avec une bordure arrondie. Elle permet de créer
des coins arrondis de manière spécifique sur un élément HTML.
- Utilisation avec des valeurs : On peut spécifier un rayon de bordure pour le coin supérieur droit en utilisant une seule valeur (par exemple,
"border-top-right-radius: 10px;") ou deux valeurs (comme "border-top-right-radius: 10px 20px;") pour contrôler le rayon horizontal et vertical.
- Impact visuel : En arrondissant le coin supérieur droit d'un élément, cette propriété peut adoucir les contours d'une boîte, créant ainsi une esthétique plus moderne
et conviviale.
- Compatibilité : La prise en charge de "border-top-right-radius" est généralement bonne dans les navigateurs Web modernes, bien que des préfixes vendeur
puissent être nécessaires pour les versions plus anciennes.
- Interaction avec d'autres propriétés : Cette propriété peut être combinée avec "border-top-left-radius", "border-bottom-right-radius" et
"border-bottom-left-radius" pour créer des coins arrondis sur les quatre coins d'un élément.
- Effets sur le flux du document : L'utilisation de coins arrondis peut affecter légèrement le positionnement et le rendu des éléments adjacents, en particulier
lorsqu'ils sont juxtaposés avec des coins non arrondis.
- Contrôle de la complexité : L'application de coins arrondis peut rendre le CSS plus complexe si différents rayons de bordure sont utilisés pour chaque coin. Il
est souvent conseillé de maintenir la cohérence pour une meilleure lisibilité du code.
- Adaptabilité responsive : Lors de la création de mises en page responsives, ajuster les valeurs de "border-top-right-radius" peut être crucial pour assurer
une apparence cohérente sur différents dispositifs et tailles d'écran.
Dernière mise à jour : Dimanche, le 20 décembre 2015
