How to add image to my border? Simple question...

[toplisek]

I have border with css but would like to change to image as dotted line is not good solution. I kindly ask you to help how to put in css code?

css is like:

div#footerColumn2.column1 { height: 210px; border-bottom: 1px dashed #999999; }


but would like to make it as image border not border-bottom: 1px...

[Centauri]

Usng an image that is just one "dash" of the whole line, you apply it as a repeated background aligned to the bottom :div#footerColumn2.column1 {
height: 210px;
background: url('imagename') left bottom repeat-x;
}

[KDLA]

Well, using "border-style: image" is part of CSS3 and there wouldn't be good browser support.

I suggest you apply an image border as the background:

div#footerColumn2.column1 { height: 210px; background: url(file.gif) repeat-x 0 bottom; }

[toplisek]

How to add background on the right border with correct css not using "border-style: image"?