border-imageと同時にborder-colorを指定するべき

css

CSS3　border-imageのおとしあな

画像はp.borderに対し、10pxの幅でborder-imageを指定している。
border-imageに未対応のブラウザで画像が表示されないので、border-colorも同時に指定しておく。
ちなみに、border画像表示されないの、IEのモダンブラウザだそうです。Windows7搭載あたり。
画像幅(今回は10px)の黒い実線だと強すぎるので、グレーで指定。

p.border{
width: 300px;
height: 75px;
-moz-border-image: url(parts/border.png) 10 round;
-webkit-border-image: url(parts/border.png) 10 round;
-o-border-image: url(parts/border.png) 10 round;
-ms-border-image: url(parts/border.png) 10 round;
border-style: solid;
border-color: #888;
border-width: 10px;
background: white;
}

ブラウザ変われば、の一例でした。
実際に境界線が表示されないのは、とてもみずらく、薄くでもボーダーが入っている方が良いです。