CSSborder -image-widthプロパティ
例
境界線画像の幅を指定します。
#borderimg
{
border-image-source: url(border.png);
border-image-width: 10px;
}
定義と使用法
プロパティは、境界線画像のborder-image-width
幅を指定します。
ヒント:border-imageプロパティ(すべてのborder- image- *プロパティを設定するための省略形プロパティ)も確認してください。
デフォルト値: | 1 |
---|---|
遺伝性の: | いいえ |
アニメート可能: | 番号。アニメート可能について読む |
バージョン: | CSS3 |
JavaScript構文: | object .style.borderImageWidth = "20px" |
ブラウザのサポート
表の数字は、プロパティを完全にサポートする最初のブラウザバージョンを示しています。
Property | |||||
---|---|---|---|---|---|
border-image-width | 15.0 | 11.0 | 13.0 | 6.0 | 15.0 |
CSS構文
border-image-width: number|%|auto|initial|inherit;
注:プロパティは、border-image-width
1から4の値(上、右、下、および左側)を取ることができます。4番目の値を省略すると、2番目の値と同じになります。3つ目も省略した場合は1つ目と同じです。2つ目も省略した場合は1つ目と同じです。
プロパティ値
Value | Description | Play it |
---|---|---|
length | A length unit (px) specifying the size of the border-width | |
number | Default value 1. Represents multiples of the corresponding border-width | |
% | Refers to the size of the border image area: the width of the area for horizontal offsets, the height for vertical offsets | |
auto | If specified, the width is the intrinsic width or height of the corresponding image slice | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
関連ページ
CSSチュートリアル:CSSボーダー画像
CSSリファレンス:border-imageプロパティ
CSSリファレンス:border-image-outsetプロパティ
CSSリファレンス:border-image-repeatプロパティ
CSSリファレンス:border-image-sliceプロパティ
CSSリファレンス:border-image-sourceプロパティ
HTML DOMリファレンス:borderImageWidthプロパティ