Картинка за бордър

[katsar0v]

Някой знае ли как да сложа картинка вместо бордър ? примерно

border:1px url(kartinka.gif) solid;

 

[baso]

border-image: url(border.png) 27 27 27 27 round round;

Така?

 

[lub4o]

border-image: url(border.png);

 

[katsar0v]

мерси , а може ли примерно за ляво да е различна картинка и за дясно да е друга картинка (десен и лев бордър)
EDIT:кода не работи при mozilla , IE

 

[lub4o]

Да

* border-top-image
* border-right-image
* border-bottom-image
* border-left-image

 

[katsar0v]

#outline
{
margin: 0px auto 0px auto;
padding: 0px 10px 0px 10px;
width: 788px;
background-color: #7db65b;
float:left;
}

това ми е дива , пробвах да го сложа ама не става

 

[baso]

#outline
{
margin: 0px auto 0px auto;
padding: 0px 10px 0px 10px;
width: 788px;
background-color: #7db65b;
float:left;
border-top-image: ('img.jpg');
border-right-image: ('img.jpg');
border-bottom-image: ('img.jpg');
border-left-image: ('img.jpg');
}

Така?

 

[katsar0v]

не работи , ако искаш пробвай със произволен див на notepad .. при мен не става
EDIT: мисля , че може да стане ако направя няколко дива и float ама , понеже не ме бива .. и всичко оплесках

 

[katsar0v]

Пробвах по друг начин но се появява проблем ...

html :

<div style="background: url(top.png) no-repeat;width:836px;"> </div></center>
<div class="containerr">
<div style="background: url(left.png) repeat-x; width:14px;height:auto;float:left"> </div>
<div style="background: url(right.png) repeat-x; width:14px;height:auto;float:right"> </div>
<div id="outline">
съдържание
</div></div>

css:

#outline
{
margin: 0px auto 0px auto;
padding: 0px 10px 0px 10px;
width: 788px;
background-color: #7db65b;
float:left;
border:1px #000 solid;
}
.containerr {
width:838px;
margin-left:auto;
margin-right:auto;
}

и се получи това :
http://store.picbg.net/pubpic/80/21/ea8c7f66223f8021.png