Border-image
Tokoshie
-
M@dien Messages postés 439 Date d'inscription Statut Membre Dernière intervention -
M@dien Messages postés 439 Date d'inscription Statut Membre Dernière intervention -
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
- Légende image word - Guide
- Image iso - Guide
- Reduire taille image - 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...
