Forum Moderators: not2easy

Message Too Old, No Replies

Can be solver TOP border with image within css?

         

toplisek

7:48 am on Apr 29, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member Top Contributors Of The Month



I need within css code TOP border with image.

Is this possible to achieve like my sample:
border-right:url(image.jpg);

JAB Creations

10:37 am on Apr 29, 2008 (gmt 0)

WebmasterWorld Senior Member 10+ Year Member



Unfortunately border-image is a CSS3 property that is currently only supported in Webkit (used by Safari, OmniWeb, and iCab as of version 4).

CSS

div.example {
-webkit-border-image: url(border.png) 16 16 16 16 round stretch;
}

Essentially the industry is stuck until Microsoft starts supporting CSS3. Heck, even Opera has been unhelpful in this regards only supporting opacity. Selectors are great but properties are the real meat of CSS3. Webkit has the *best* CSS3 support currently, followed by Gecko (Firefox, Camino, SeaMonkey, etc).

- John