Rechercher : dans
Par :

Arrondir les angles

Dernière réponse le 11 mar 2009 à 10:27:16 b3n, le 12 jun 2008 à 16:55:18 
 Signaler ce message aux modérateurs

Bonjour,
j'aimerai savoir comment arrondir les angles de mes cadres.
merci

Configuration: Windows Vista
Internet Explorer 7.0

1

garf, le 12 jun 2008 à 17:45:58
  • +1

Tout simplement en utilisant la propriété css3 border-radius qu'aucun navigateur ne prend en charge.

donc pour le moemnt, il y a soit des scripts javascripts soit du css2 avec des images
http://www.cssjuice.com/25-rounded-corners-techniques-with-c­ss/


la méthode spiffy est intéressante et complètement en css et sans images
http://www.spiffycorners.com/

Répondre à garf

2

 yoyo, le 11 mar 2009 à 10:27:16

Mozilla Firefox 3 affiche bien les propriétés du css3.

Pour ma part j'utilise Mozilla Firefox 3.0.7 et ça fonctionne sans problème.

Par contre la même page visualisée sous IE 7 fait froid dans le dos :)

Safari arrondi un peu, mais il ne prend pas en compte toutes les options.

Netscape 9 nous fait un arrondi de la bordure, mais pas de l'image de fond,
ce qui n'est vraiment pas jolie.

- Pour Mozzilla Firefox 3 : -moz-border-radius:10px 20px;
(ici les angles supérieur gauche et inférieur droit arrondi avec la valeur 10px, les angles supérieur droit et inférieur gauche arrondi avec la valeur 20px)

-Pour Netscape, Safari... : -webkit-border-radius:10px 20px; (c'est sensé donné la même chose, mais les navigateurs sont pas encore au point)

J'ai mis 2 valeurs, mais on peut en mettre qu'une seul (tout les angle arrondi avec la même valeur).
On peut mettre 4 valeurs (angle supérieur gauche, supérieur droit, inférieur droit, inférieur gauche).

Répondre à yoyo