samedi , 23 novembre 2024
Méthode compatible pour les principaux navigateurs pour réaliser des coins arrondis sans images.

Coins arrondis

Après multiple recherche cette méthode semble être la plus simple pour créer des coins arrondis en CSS et compatible IE grâce à un fichier HTC qui n’est autre qu’un script qui sera uniquement interprété par IE.

Voici la démarche à suivre :

1) Télécharger le petit script nommé border-radius.htc à cette adresse.
2) Créer une class par exemple .coin_arrondi avec les propriétés suivantes.

<style>
.coin_arrondi {
    -moz-border-radius: 15px; 
    -webkit-border-radius: 15px; 
    -khtml-border-radius: 15px; 
    border-radius: 15px; 
    behavior: url(border-radius.htc); // liens vers le petit script .htc, ce qui permettra à IE d'interpréter les propriétés CSS ci dessus.
}
</style>

3) et appliquer cette class à tous les éléments ou l’on veut voir des coins arrondis.

Click to rate this post!
[Total: 0 Average: 0]

A propos jeanluc

Check Also

Less css

Vous avez sûrement entendu parler de Less ou de Sass… Vous savez, c’est une espèce de langage dynamique qui vous permet de générer vos feuilles de style CSS.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée. Les champs obligatoires sont indiqués avec *