Est-ce que "border-radius" est acceptable ?

Question

Je suis en train de créer un site web et j'aimerais savoir si la propriété CSS "borderRadius" est "acceptable". Est-ce qu'il faut s'attendre à ce que tout le monde ait un navigateur qui la supporte, ou est-ce qu'elle est encore trop peu supportée pour que je ne l'utilise pas ?

Answer 1

C'est le moment de vérifier http://caniuse.com pour savoir quels sont les navigateurs qui le prennent en charge et ceux qui ne le prennent pas en charge. En outre, http://css3please.com vous indiquera la bonne manière de le mettre en œuvre pour obtenir le soutien le plus large possible.

Le premier site montre que la prise en charge n'est pas si mauvaise que cela, même si nous devrons utiliser des préfixes pour certains navigateurs. Le second site nous donne l'implémentation suivante :

.box_round {
  -webkit-border-radius: 12px; /* Saf3-4, iOS 1-3.2, Android 1.6 */
          border-radius: 12px; /* Opera 10.5, IE9, Saf5, Chrome, FF4+, 
                                  iOS 4, Android 2.1+ */

  /* useful if you don't want a bg color from leaking outside the border: */
  -webkit-background-clip: padding-box;
     -moz-background-clip: padding; 
          background-clip: padding-box;      
}

Tout navigateur qui ne la comprend pas l'ignore et passe à la règle suivante. Par conséquent, veillez à ne pas l'utiliser de manière à ce que la convivialité de votre mise en page en dépende. Utilisez-le comme un amélioration progressive et n'est pas nécessaire.

Answer 2

D'après mon expérience, les navigateurs qui ne reconnaissent pas le border-radius l'ignorent tout simplement. Il est donc dans votre intérêt d'être prévoyant et de l'utiliser. Les navigateurs plus anciens affichent tout simplement les coins en bloc par défaut au lieu des coins arrondis.

Ne laissez pas l'absence de cette fonction dans les anciens navigateurs vous dissuader d'améliorer l'expérience utilisateur de ceux qui ont mis à jour leur navigateur.