English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
Bordure CSS-haut-droite-L'attribut radius définit la forme arrondie de la 'bordure en haut à droite' de l'élément.
Le tableau suivant décrit l'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe de son utilisation dans les scripts JavaScript.
| Valeur par défaut : | 0 |
|---|---|
| Appliqué à : | Tous les éléments |
| Héritage : | Aucun |
| Animable : | Est.Veuillez consulter Propriétés d'animation. |
| Version : | CSS3nouvelle fonction |
| JavaScript syntaxe : | object object.style.borderTopRightRadius="5px" |
Attention :bordure-haut-droite-Radius rend le fond de l'élément arrondi même si la bordure n'est pas définie ou si sa valeur est définie comme none.
La syntaxe de cette propriété est la suivante :
bordure-haut-droite-radius: [ length | percentage ]1 ou 2 values | initial | inherit
Ce sigle peut utiliser une ou deux valeurs séparées par des espaces.
La valeur de la deuxième longueur optionnelle définit le rayon vertical de l'angle supérieur droit, donc la forme de l'angle est un quart d'ellipse.
Si la deuxième longueur est omise ou égale à la deuxième longueur, la forme de l'angle est un quart de cercle. Si l'une des longueurs est nulle, l'angle est carré au lieu de biseauté.
Les exemples suivants montrent comment utiliser la bordure-haut-droite-Propriété radius
div {
bordure: 2px solid #f08080;
bordure-haut-droite-radius: 20px;
}Vérifiez‹/›Le tableau suivant décrit les valeurs de cette propriété.
| Valeur | Description |
|---|---|
| length | Dans les valeurs de longueur comme px, pt, cm, em, etc., mais les valeurs négatives ne sont pas autorisées. |
| percentage | La taille du rayon, en pourcentage. Dans le cas de deux valeurs, le premier pourcentage est calculé par rapport à la largeur de la boîte de l'élément (rayon horizontal), et le second pourcentage est calculé par rapport à la hauteur de la boîte de l'élément (rayon vertical). Les valeurs négatives ne sont pas autorisées. |
| initial | Réinitialisez cette propriété à sa valeur par défaut. |
| inherit | Si spécifié, l'élément lié utilise la bordure du parent.-haut-droite-Valeur de la propriété radius. |
bordure-haut-droite-Compatibilité du navigateur pour la propriété radius des bords, les numéros dans le tableau suivant représentent la version minimale du navigateur prenant en charge cette propriété ; tous les navigateurs populaires prennent en charge cette propriété.
|
Voir la tutoriel :Bordure CSS,CSS3 Bordure.
Propriétés associées :bordure-radius,bordure-bas-gauche-radius,bordure-bas-droite-radius,bordure-haut-gauche-radius.