Discussion :

[maximus09]

Bonjour,

Voila, je suis en train de développer un site web et j'aimerais simplement mettre une image en bordure d'un div (a la place d'une bordure classique).

J'ai un peu naviguer sur plusieurs pages avant de poster ce topic et apparement la propriété border-image est valable depuis peu sur css3, j'ai même trouvé des exemples mais lorsque je les adapte a mon code cela ne marche pas...

http://www.css3.info/preview/border-image/
http://www.w3.org/TR/2002/WD-css3-bo...e-border-image

Je doit surement mal utiliser la propriete border-image, si quelqu'un connait sa syntaxe cela m'aiderais grandement.

Je ne poste pas de code car ce n'est rien de compliquer j'ai un div et je veut lui mettre une image en bordure.

Merci d'avance

[Macmillenium]

Bonjour,

A mes connaissances, le support css3 border-image n'est intégré que dans la dernière version de Gecko, webkit et KHTML ... c'est un peu trop tôt de penser au css3 qui est encore en brouillon.

En revanche, je te propose de jeter un coup d'œil sur la galerie css

[maximus09]

Merci de répondre aussi vite

Je vais regarder ca...

Donc la propriété border-image n'est pas encore disponible? Pourtant sur les liens que j'ai mis il en parle comme si c'était couramment utilisé...

Sinon j'ai vu qu'on pouvait bidouiller avec des divs superposés mais bon pas très pratique quand même....

[Macmillenium]

Donc la propriété border-image n'est pas encore disponible?

Si, mais

A mes connaissances, le support css3 border-image n'est intégré que dans la dernière version de Gecko, webkit et KHTML

[maximus09]

Ok,

Désolé c'est juste que je ne sais pas ce qu'est "Gecko, webkit et KHTML".
Qu'est ce que cela implique sur l'utilisation de border-image?

Sinon sur le lien que tu m'as donné, y a un tuto sur border personnalisée mais pas avec une image....

Donc je crois que je vais laisser tomber cette idée.

[Macmillenium]

Désolé c'est juste que je ne sais pas ce qu'est "Gecko, webkit et KHTML".

Ok, désolé ...
Gecko : le moteur de rendu intégré à firefox,
Webkit : le moteur de rendu intégré à safari (et Chrome également),
khtml : le moteur de rendu intégré à konqueror (sous Linux),

Qu'est ce que cela implique sur l'utilisation de border-image?

Que cela ne fonctionne pas sur tous les navigateurs, IE par exemple ne reconnait pas border-image étant donné que le support css3 est totalement absent sous IE même la version 8 !

Sinon sur le lien que tu m'as donné, y a un tuto sur border personnalisée mais pas avec une image....

Et pourtant c'est bien avec une image

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
#fond{
	background:url(fond-test.gif);
	width:400px;
	height:300px;
	padding:5px;
}