ホーム HTML CSS XML JAVASCRIPT   PHP SQL MORE...   リファレンス 事例集    

CSS3 border-image-width プロパティ

CSS3 Reference 完全な CSS3 リファレンス

画像ボーダーの幅を指定します:

div
{
border-image-source: url(border.png);
border-image-width: 30 30;
}

ブラウザ・サポート

Internet Explorer Firefox Opera Google Chrome Safari

border-image-width プロパティをサポートしているブラウザはありません。

代りに border-image プロパティをご覧ください !


定義と用法

border-image-width プロパティは、画像ボーダーの幅を指定します

デフォルト値: 1
継承: no
バージョン: CSS3
JavaScript構文: object.style.borderImageWidth="30 30"


構文

border-image-width: number|%|auto;

注: border-image-width の4つの値は、ボーダーイメージエリアを9つの部分に分けるために使用するオフセットを指定します。 値は、エリアの上、右、下、および左側からの内部の距離を表します。 4番目の値が省略された場合、2番目の値と同じになります。 3番目の値が省略された場合、1番目の値と同じになります。 もしまた、2番目の値が省略された場合、1番目の値と同じになります。 どの border-image-width 値へも、負数の指定ができません。

説明
number 対応するボーダー幅の倍数を表します
% ボーダーイメージエリアのサイズを参照します: 水平オフセットのためのエリアの幅、垂直オフセットのための高さ
auto 指定した場合、幅は対応する画像部分の固有幅か高さです


CSS3 Reference 完全な CSS3 リファレンス