Bordures html personnalisées à partir de l'image

Est-il possible de créer une bordure personnalisée pour une table html à partir d'une image que je crée? J'utilise des feux d'artifice adobe et je veux utiliser l'un de leurs pinceaux comme bordure de ma table. Jusqu'à présent, je n'ai trouvé comment utiliser la frontière prédéfinie comme ce qui suit:Bordures html personnalisées à partir de l'image

<STYLE type="text/css"> 
.table{ 
    border-style:outset; 
    border-color: red; 
    border-width:10px; 
     } 
</style>

Au lieu d'utiliser le style de bordure: Pour commencer, je voudrais créer mon propre. Le code de ci-dessus a été basé sur le code de This website

Source

2012-02-27 zzzzzzzzzzzzzzzzzzzzzzzzzzzzzz

Il est pas bien pris en charge sur les navigateurs, mais vous devriez jeter un oeil à l'attribut CSS3 border-image:

-moz-border-image:url(border.png) 30 30 round; /* Firefox */ 
-webkit-border-image:url(border.png) 30 30 round; /* Safari and Chrome */ 
-o-border-image:url(border.png) 30 30 round; /* Opera */ 
border-image:url(border.png) 30 30 round;

IE est l'homme étrange, mais autrement ça devrait bien fonctionner. Il y a un bon article ici: http://www.css3.info/preview/border-image/

Source

2012-02-27 02:13:04