La propriété de feuille de style css -webkit-border-radius permet d'arrondir les coins d'une bordure.
La propriété de feuille de style -webkit-border-radius css peut pendre les valeurs de :
- nombre correspondant au rayon de l'arrondi, suivie px ou em ou pt.
- 2 nombres ,le premier correspond au rayon vertical de l'arrondi et le second le rayon horizontal de l'arrondi , suivie px ou em ou pt.
Il existe des "sous propriétés" qui fonctionnent avec un ou 2 valeurs :
-webkit-border-bottom-left-radius
-webkit-border-bottom-right-radius
-webkit-border-top-left-radius
-webkit-border-top-right-radius

La propriété de feuille de style css -webkit-border-radius est applicable sur toutes les balises HTML ou XHTML ayant une bordure.

La propriété de feuille de style css -webkit-border-radius n'est reconnu que par Safari et n'accepte pas des valeurs en extension "%"

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 un propriété writing-mode déclarée à tb-rl,
les rayon s'inversent.
C'est à dire que la première valeur correspond au rayon horizontal et la seconde valeur au rayon vertical.

Vous trouverez ci-dessous divers bugs d'interprétation de la css -webkit-border-radius.
Ces bugs ont été transmis par les internautes du site.

J'ai vérifié certains bugs mais pour la plupart, ils sont soit sur MAC soit sur un navigateur que je ne possède pas.
Ceux que j'ai pu visualiser sont notés
Bug vérifié : oui.