Border-image
Tokoshie
-
M@dien Messages postés 451 Statut Membre -
M@dien Messages postés 451 Statut Membre -
Bonjour,
J'ai regarder sur plusieurs site sur google, comment mettre des images en bordure, mais le code ne fonctionne jamais.
Voilà ce que j'ai tester :
Le CSS :
Le HTML :
Voilà !
Merci d'avance =)
J'ai regarder sur plusieurs site sur google, comment mettre des images en bordure, mais le code ne fonctionne jamais.
Voilà ce que j'ai tester :
Le CSS :
body
{
margin : auto;
width : 1100px;
height : 1200px;
border-image : url(img/pattes.png) 27 27 27 27 round round;
}
Le HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <title> Terre Animale </title> <link href="style/style.css" rel="stylesheet" type="text/css" /> <html> <head> </head> <body> Test de bordure </body> </html>
Voilà !
Merci d'avance =)
A voir également:
- Border-image
- Image iso - Guide
- Reduire taille image - Guide
- Légende image word - Guide
- Chercher image - Guide
- Acronis true image gratuit - Télécharger - Sauvegarde
1 réponse
Bonjour,
la propriété css border-image n'est pas implantée sur tous les navigateurs. Même Firefox ne la comprend pas, et a une propriété annexe -moz-border-image qui fait le travail. mais ce n'est pas la solution à utiliser.
J'ai trouvé un site qui utilise jquery pour gérer ça, mais là encore ce n'est pas la solution miracle, car si le site dit que c'est compatible IE7, et bien mon IE8 doit être en rétro-compatibilité pour bien l'afficher.
voilà l'adresse du site en question: https://www.lrbabe.com/sdoms/borderImage/index.html
Cependant, je ne pourrais que recommander d'utiliser les anciennes méthodes CSS pour s'en sortir, et mettre de côté border-image, qui est trop peu comprise des navigateurs...
la propriété css border-image n'est pas implantée sur tous les navigateurs. Même Firefox ne la comprend pas, et a une propriété annexe -moz-border-image qui fait le travail. mais ce n'est pas la solution à utiliser.
J'ai trouvé un site qui utilise jquery pour gérer ça, mais là encore ce n'est pas la solution miracle, car si le site dit que c'est compatible IE7, et bien mon IE8 doit être en rétro-compatibilité pour bien l'afficher.
voilà l'adresse du site en question: https://www.lrbabe.com/sdoms/borderImage/index.html
Cependant, je ne pourrais que recommander d'utiliser les anciennes méthodes CSS pour s'en sortir, et mettre de côté border-image, qui est trop peu comprise des navigateurs...
