border-image-source プロパティは、(要素の周りの通常のボーダーに代えて)ボーダーとして使用する画像へのパスを指定します。
チップ: 値が "none" であるか、または画像が表示できない場合は、 ボーダースタイルが使われます。
チップ: border-image プロパティ (全ての the border-image-* プロパティを設定するためのショートハンド・プロパティ) もご覧ください。
デフォルト値: | なし |
---|---|
継承: | 継承する |
アニメーション可否: | 不可。animatable を参照 |
バージョン: | CSS3 |
JavaScript 構文: | object.style.borderImageSource="url(border.png)" Try it |
表中の数字は、完全にプロパティをサポートした最初のブラウザのバージョンです。
プロパティ | |||||
---|---|---|---|---|---|
border-image-source | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
border-image-source: none|image|initial|inherit;
値 | 説明 |
---|---|
none | 画像を使用しません |
image | ボーダーとして使用する画像へのパス |
initial | プロパティにデフォルト値を設定します。initial を参照 |
inherit | このプロパティは親要素を継承します。inherit を参照 |
CSS3 チュートリアル:CSS3 Border Images
CSSリファレンス:border-image プロパティ
CSSリファレンス:border-image-outset プロパティ
CSSリファレンス:border-image-repeat プロパティ
CSSリファレンス:border-image-slice プロパティ
CSSリファレンス:border-image-width プロパティ
HTML DOM リファレンス:borderImageSource プロパティ