-webkit-border-radius CSS propriété

-webkit-border-radius : 8px;
-webkit-border-radius : 5px 10px;
-webkit-border-radius : 5px 10px 15px 20px;

Règles de syntaxes CSS pour -webkit-border-radius.

writing-mode et -webkit-border-radius

Je n'ai pas testé mais il semblerai que dans le cas où vous spécifiez 2 valeurs à -webkit-border-radius et qu'il y a une propriété writing-mode déclarée à tb-rl,
les rayons s'inversent.
C'est à dire que la première valeur correspond au rayon horizontal et la seconde valeur au rayon vertical.

Propriétés CSS utilisées dans le raccourci -webkit-border-radius.

Propriétés utilisées dans le raccourci border-radius

Il existe des "sous propriétés" qui fonctionnent avec un ou 2 valeurs :

• -webkit-border-bottom-left-radius : définit l'arrondi Css du coin bas gauche.
• -webkit-border-bottom-right-radius : définit l'arrondi Css du coin bas droit.
• -webkit-border-top-left-radius : définit l'arrondi Css du coin haut gauche.
• -webkit-border-top-right-radius : définit l'arrondi Css du coin haut droit.

Compatibilités navigateurs de la propriété -webkit-border-radius

Propriété Css non préfixée de -webkit-border-radius.

-webkit-border-radius CSS est une version préfixée de la propriété de feuille de style border-radius CSS pour le navigateur Chrome, Safari.

Reportez-vous au chapitre "Propriétés préfixées" de propriété Css border-radius pour voir les autres propriétés Css préfixées équivalentes, aussi que le code Css pour avoir un maximum de support navigateurs.

Votre avis sur la définition -webkit-border-radius en CSS