Aller au contenu | Aller au menu | Aller à la recherche

Bordures en image dans Firefox

Par Laurentj le jeudi, juillet 17 2008, 17:47 - Technologies Web - Lien permanent

Bon bah ça y est, plus besoin de recourir à des divs dans tout les sens pour utiliser des images pour décorer les bordures des éléments HTML. Le support du style CSS3 border-image vient d'être intégré dans la version de développement de Firefox 3.1 :-) Voir une présentation de border-image sur css3.info. Comme la spécification au W3C est encore en brouillon, il faut utiliser -moz-border-image.

Firefox rattrape son petit retard sur l'implémentation de styles CSS3 par rapport à d'autres navigateurs :-)

Pendant qu'on en parle, au niveau du test acid3, il en est à 81/100.

PS : un post de John Resig qui explique un peu le fonctionnement

Commentaires

1. Le jeudi, juillet 17 2008, 20:31 par Raphael

Bonne nouvelle. C'est un peu de grall du web design. Faudra quand même attendre un bout de temps avant que ces spec de CSS3 soient supportées par une majorité de navigateurs. En attendant, les hacks CSS, les Round border en Javascript et autre joyeusetés du web design ont encore de beaux jours devant eux.

2. Le jeudi, juillet 17 2008, 23:13 par LaurentJ

@raphael : safari et konqueror le supporte déjà. Opera pas encore mais ça ne saurait tarder.

Et sinon, on s'en fout non ? Je veux dire, si dans un navigateur tu as une simple bordure, et sur un autre une joli bordure en image, le site reste lisible, et peux même rester agréable. Et figure toi que les internautes ne sauront même pas que le site est plus moche avec leur navigateur qu'avec le navigateur du voisin !

Bref, utilisez ces styles sans modération ! Faites simplement attention que le site se dégrade bien sur les "vieux" navigateurs.

3. Le vendredi, juillet 18 2008, 00:22 par Nicolas Krebs

« Comme la spécification au W3C est encore en brouillon »

Il serait donc préférable de faire un lien vers la version actuelle http://www.w3.org/TR/2005/WD-css3-background-20050216/#the-border-image .

4. Le vendredi, juillet 18 2008, 10:21 par Laurentj

oui c'est vrai

5. Le vendredi, juillet 18 2008, 22:48 par max

"Et figure toi que les internautes ne sauront même pas que le site est plus moche avec leur navigateur qu'avec le navigateur du voisin !" Il n'y aurait pas d'IE sinon

6. Le mardi, juillet 29 2008, 03:48 par nuKs

Note: On peut utiliser de mémoire khtml-border-image et webkit-border-image selon le moteur de rendu utilisé.