Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

CSS border-image is not working in Opera

In my application I use border image in css, but it's not working in Opera. So how can it be supported by Opera?

like image 689
Rain Avatar asked Feb 02 '12 04:02

Rain


2 Answers

Try to use: -o-border-image: url(...); It's for Opera. You've got also -moz-border-image: url(...); for older Firefoxes and -webkit-border-image: url(...); for Safari, Konqueror, etc.

like image 95
terenaa Avatar answered Sep 19 '22 21:09

terenaa


This is a sample code from w3schools:

div
{
border-image:url(border.png) 30 30 round;
-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 */
} 

This is also nicely explained here.

like image 40
Sajib Mahmood Avatar answered Sep 22 '22 21:09

Sajib Mahmood