CSS3 border-image-source プロパティ

❮ 前章へ 完全な CSS リファレンス 次へ ❯

要素の周りのーダーとして画像を使用します:

#borderimg {
    border-image-source: url(border.png);
}
Try it Yourself ❯

定義と用法

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

CSS 構文

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 プロパティ


❮ 前章へ 完全な CSS リファレンス 次へ ❯