CSS3 propriété border-radius
Exemples
Div élément à ajouter des bordures arrondies:
{
border:2px solid;
border-radius:25px;
}
Essayez »
support du navigateur
Les chiffres du tableau représentent le premier navigateur pour soutenir le numéro de version de la propriété.
Immédiatement après la -webkit- numérique, -ms- ou -moz- il y a à l'appui du préfixe d'attribut premier numéro de version du navigateur.
propriété | |||||
---|---|---|---|---|---|
frontière image | 4.0 -webkit- | 9.0 | 4.0 -moz- | 5.0 -webkit- | 10.5 -o- |
Définition des attributs et des instructions
la propriété border-radius est peut spécifier jusqu'à quatre frontières - * - propriétés du rayon des propriétés composites
Remarque: Cette propriété vous permet d'ajouter des éléments frontières arrondis!
Par défaut: | 0 |
---|---|
Héritage: | aucun |
Version: | CSS3 |
Syntaxe JavaScript: | objet object.style.borderRadius = "5px" |
grammaire
Remarque: L'ordre des quatre valeurs de chaque rayon sont: en haut à gauche, en haut à droite, en bas à droite, le coin inférieur gauche.Si vous omettez le coin inférieur gauche, le coin supérieur droit est le même. Si vous omettez le coin inférieur droit, coin supérieur gauche est le même. Si vous omettez le coin supérieur droit, coin supérieur gauche est le même.
值 | 描述 |
---|---|
length | 定义弯道的形状。 |
% | 使用%定义角落的形状。 |
exemple 1
est équivalent à:
border-top-left-radius: 2em;
border-top-right-radius: 2em;
border-bottom-right-radius: 2em;
border-bottom-left-radius: 2em;
exemple 2
est équivalent à:
border-top-left-radius: 2em 0.5em;
border-top-right-radius: 1em 3em;
border-bottom-right-radius: 4em 0.5em;
border-bottom-left-radius: 1em 3em;
articles connexes
CSS3 tutoriel: CSS3 Border