Can this be done with CSS?

[Sparkie]

Its possible to create table borders with dotted lines and borders, but is it possible to use an image for the border? If so, how is it done?

Thanks much!
Sherice

[randem]

Not technically...

However, you could create one DIV with the image background, and a padding value rather than the border size. Then, make your DIV or TABLE or whatever inside that, and assign a solid background to it, and the image from the parent will appear to be a border!

[jofa]

CSS can only control border-width, border-style and color

You can create a 3x3 table around the table and set the background attribute (or css property background) for the 8 "border" td elements to an image
NB! the td background attribute isn't standard, some browsers will ignore it

[Sparkie]

Can you write or show me an example, please? (That's how I learn )

Thanks

[randem]

<div style="background: #000 url(whatever.gif) repeat; padding: 4px;">
  <div style="background: #FFF;color:#000;">...<br>blah blah blah<br>...</div>
</div>

[willmullis]

Actually guys you can have a dotted border here's the code

table.borderb { border: #6699cc; border-style: dashed; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px}

this is an example I just used on a project check out my example

http://www.sportys.com/pilotspal

I think you can replace "dashed" with "dotted"

[randem]

Originally posted by willmullis
Actually guys you can have a dotted border here's the code...

That's great, but he already knew how to do that. Go back to the top and re-read the first post.

[Sparkie]

I'm a she

[randem]

Originally posted by Sparkie
I'm a she

Sorry, Sparkie!