Discussion :

[Ric21]

Bonjour

Encore moi

Dans le post "Ligne horizontale" ornitho13 mas donner un lien pour un générateur de bordure

http://"http://debray.jerome.free.fr...-bordure-css3"

Mais je n'arrive pas à comprendre le code suivant :

moz-border-radius: Xpx; webkit-border-radius: Xpx; border-radius: Xpx

Merci à vous pour les explications

Excuse adresse pas bonne http://debray.jerome.free.fr/index.p...e-bordure-css3

[adiGuba]

Salut,

L'adresse exacte est celle-ci : http://debray.jerome.free.fr/index.p...e-bordure-css3

Et le code que tu indiques est incorrect : c'est -moz-border-radius et -webkit-border-radius. C'est très important car le tiret initial indique qu'il s'agit d'une propriété propriétaire spécifique à un navigateur ou à un moteur de rendu.

Ici -moz- indique qu'il s'agit d'une balise spécifique à Mozilla et son moteur de rendu Gecko (utilisé entre autre par Firefox)
-webkit- indique qu'il s'agit d'une propriété utilisé par le moteur de rendu Webkit, utilisé en particulier par les navigateurs Safari et Chrome.
Enfin border-radius tout court correspond à la vrai propriété CSS3.

Cela est dû au fait que le W3C est toujours en train de travailler sur les CSS3, et que les spécifications peuvent bouger. Ainsi pour éviter de généraliser l'utilisation d'une propriété de manière erroné, les navigateurs utilisent un préfixe propriétaire tant que le document de travail du CSS3 n'arrivent pas à un consensus.

L'intérêt étant d'implémenter les futures propriétés CSS3 avant même que le document ne soit finalisé. Cela permet à la fois d'avoir un exemple des possibilités que cela offre, mais également un retour d'expérience qui peut servir au document de travail des CSS3...

Le document "Borders et Backgrounds" des CSS3 est passé en "Candidate Recommandation" en fin d'année dernière, et pour le moment à ma connaissance le seul navigateur à supporter la balise CSS3 border-radius sans prefixe est Opera, mais c'est surtout pour une raison de calendrier (la dernière version stable d'Opera est sorti juste après ce changement de status du document du W3C).


Donc normalement il faut utiliser uniquement border-radius, mais en utilisant les préfixes on peut également prendre en compte les navigateurs qui avaient implémenté cela à l'avance...


a++

[Ric21]

Bonjour

Merci pour toutes ces précisions.
Je les note pour référence.

@ +