Où chercher la bordure ?[résolu]

Bonjour,

J'avais lu quelque part qu'en CSS3 on peut habiller joliment les bordures. Quelles propriétés utiliser? Où chercher?

Le truc c'est d'habiller pour les navigateurs récents et pour les anciens garder un affichage basique.

Merci d'avance.
JM
Modifié par jmlapam (27 Jun 2012 - 19:25)

border-image
Modifié par jb_gfx (27 Jun 2012 - 19:20)

La réponse la plus rapide de l'histoire des réponses...
et du coup on peut rajouter des left, des right et tutti quanti à border-image ?

Tu pars d'une image qui sera découpé en différentes zone d'après les coordonnées que tu donnes. Le plus simple c'est de lire l'article.

Merci.

En fait tu peux tout mettre dans la même image et définir les zones top bottom left right.

Ah là où ce n'est pas indiqué dans l'article c'est au niveau des préfixes parce que c'est la confusion en ce moment notamment avec border-radius.
Est-ce que je mets des -webkit- et autre -moz-?

@laurie-anne : ah ok. Je vais essayer de voir cela.
Modifié par jmlapam (27 Jun 2012 - 19:30)

Pour cela il faut checker avec un site du genre de caniuse et éventuellement une recherche un peu plus approfondie sur les navigateurs.
Modifié par Laurie-Anne (27 Jun 2012 - 19:31)

Plutôt mal supporté :
http://caniuse.com/#feat=border-image

Même pas IE9 !

Laurie-Anne a écrit :
En fait tu peux tout mettre dans la même image et définir les zones top bottom left right.

Ou l'art de la tautologie...


Modifié par jb_gfx (27 Jun 2012 - 21:47)