CSSborder -image-outsetプロパティ
例
要素の境界エッジの10ピクセル外側に境界画像を配置します。
#borderimg
{
border-image-source: url(border.png);
border-image-outset: 10px;
}
定義と使用法
このborder-image-outset
プロパティは、境界線の画像領域が境界線ボックスを超えて広がる量を指定します。
ヒント:border-imageプロパティ(すべてのborder- image- *プロパティを設定するための省略形プロパティ)も確認してください。
デフォルト値: | 0 |
---|---|
遺伝性の: | いいえ |
アニメート可能: | 番号。アニメート可能について読む |
バージョン: | CSS3 |
JavaScript構文: | object .style.borderImageOutset = "10px" |
ブラウザのサポート
表の数字は、プロパティを完全にサポートする最初のブラウザバージョンを示しています。
Property | |||||
---|---|---|---|---|---|
border-image-outset | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
CSS構文
border-image-outset: length|number|initial|inherit;
注:プロパティは、border-image-outset
1から4の値(上、右、下、および左側)を取ることができます。4番目の値を省略すると、2番目の値と同じになります。3つ目も省略した場合は1つ目と同じです。2つ目も省略した場合は1つ目と同じです。
プロパティ値
Value | Description | Play it |
---|---|---|
length | A length unit specifying how far from the edges the border-image will appear. Default value is 0 | |
number | Represent multiples of the corresponding border-width | |
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-repeatプロパティ
CSSリファレンス:border-image-sliceプロパティ
CSSリファレンス:border-image-sourceプロパティ
CSSリファレンス:border-image-widthプロパティ
HTML DOMリファレンス:borderImageOutsetプロパティ