例
境界画像の幅を指定します。
#borderimg
{
border-image-source: url(border.png);
border-image-width: 10px;
}
»それを自分で試してみてください 定義と使用法
ボーダー-画像-widthプロパティは、境界画像の幅を指定します。
ヒント：また見ボーダー画像プロパティ(a shorthand property for setting all the border-image-* properties) 。
| デフォルト値： | 1 |
|---|---|
| 継承されました： | no |
| アニメーション： | no. Read about animatable |
| バージョン： | CSS3 |
| JavaScriptシンタックス： | object .style.borderImageWidth="20px" Try it |
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
| プロパティ | |||||
|---|---|---|---|---|---|
| border-image-width | 15.0 | 11.0 | 13.0 | 6.0 | 15.0 |
CSSの構文
border-image-width:number|%|auto|initial|inherit;Note:境界線画像幅プロパティは、1から4の値に取ることができます(top, right, bottom, and left sides) 。 第四の値が省略された場合、それは第二と同じです。 第三の一方が省略されている場合は、最初と同じです。 第二のものが省略されている場合は、最初と同じです。
プロパティ値
| 値 | 説明 | それを再生します |
|---|---|---|
| length | 長さの単位(px)の境界線幅のサイズを指定します | それを再生します» |
| number | デフォルト値1は、対応する境界線幅の倍数を表します | それを再生します» |
| % | 水平方向のオフセットのための領域の幅、垂直方向のオフセットを高さ：境界画像領域の大きさを意味します | それを再生します» |
| auto | 指定した場合、幅は、対応する画像スライスの固有幅または高さであります | それを再生します» |
| initial | このプロパティがデフォルト値に設定します。 初期についての記事を読みます | それを再生します» |
| inherit | その親要素からこのプロパティを継承します。 継承についての記事を読みます |
関連ページ
CSS3のチュートリアル： CSS3ボーダー画像
CSSリファレンス： border-image property
CSSリファレンス： border-image-outset property
CSSリファレンス： border-image-repeat property
CSSリファレンス： border-image-slice property
CSSリファレンス： border-image-source property
HTML DOMリファレンス： borderImageWidth property