English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
border-top-left-La propriété radius CSS place le coin supérieur gauche de la bordure de l'élément en forme de cercle.
Le tableau suivant explique l'utilisation et l'historique des versions de cette propriété, ainsi que la syntaxe de cette propriété dans les scripts JavaScript.
| Valeur par défaut : | 0 |
|---|---|
| Appliqué à : | Tous les éléments |
| Héritage : | Aucun |
| Animable : | Est.Veuillez consulter Attribut d'animation. |
| Version : | CSS3nouvelle fonction |
| JavaScript syntaxe : | object object.style.borderTopLeftRadius="8px" |
Attention :border-top-left-Le radius rend le fond de l'élément arrondi même s'il n'est pas défini ou si sa valeur est définie sur none.
La syntaxe de cette propriété est la suivante :
border-top-left-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 gauche, 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 un carré而非rond.
Les exemples suivants montrent comment utiliser border-top-left-Attribut radius.
div {
border: 2px solid #f08080;
border-top-left-radius: 20px;
}Testez pour voir‹/›Le tableau suivant décrit les valeurs de cette propriété.
| Valeur | Description |
|---|---|
| length | Valeur de longueur dans des unités telles que 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), tandis que 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 | Remettre cette propriété à sa valeur par défaut. |
| inherit | Si spécifié, l'élément associé utilise le border du parent-top-left-Valeur de l'attribut radius. |
border-top-left-La compatibilité du radius属性 des navigateurs, 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 l'instruction :Border CSS,CSS3 Border.
Propriétés associées :border-radius,border-bottom-left-radius,border-bottom-right-radius,border-top-right-radius.