CSSborder -image-sourceプロパティ
例
要素の周囲の境界線として画像を指定します。
#borderimg
{
border-image-source: url(border.png);
}
定義と使用法
このborder-image-source
プロパティは、(要素の周囲の通常の境界線ではなく)境界線として使用される画像へのパスを指定します。
ヒント:値が「none」の場合、または画像を表示できない場合は、境界線のスタイルが使用されます。
ヒント:border-imageプロパティ(すべてのborder- image- *プロパティを設定するための省略形プロパティ)も確認してください。
デフォルト値: | なし |
---|---|
遺伝性の: | いいえ |
アニメート可能: | 番号。アニメート可能について読む |
バージョン: | CSS3 |
JavaScript構文: | オブジェクト.style.borderImageSource = "url(border.png)" |
ブラウザのサポート
表の数字は、プロパティを完全にサポートする最初のブラウザバージョンを示しています。
Property | |||||
---|---|---|---|---|---|
border-image-source | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
CSS構文
border-image-source: none|image|initial|inherit;
プロパティ値
Value | Description |
---|---|
none | No image will be used |
image | The path to the image to be used as a border |
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-widthプロパティ
HTML DOMリファレンス:borderImageSourceプロパティ