最新のWeb開発のチュートリアル
 

Style borderImageSource Property

<スタイルオブジェクト

div要素の周囲に境界線として画像を使用します。

document.getElementById("myDIV").style.borderImageSource = "url(border.png)";
»それを自分で試してみてください

定義と使用法

borderImageSourceプロパティセットまたはその代わりにボーダースタイルプロパティにより与えられる境界スタイル、使用する画像を返します。

Tip:値がない場合は"none" 、または画像が表示できない場合は、境界線のスタイルが使用されます。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

borderImageSourceプロパティは、Operaでサポートされていません。

borderImageSourceプロパティは、Internet Explorer 10およびそれ以前ではサポートされていません。

borderImageSourceプロパティは、Safariの5以前ではサポートされていません。

見てborderImageの代わりにプロパティ!


構文

borderImageSourceプロパティを返します:

object .style.borderImageSource

borderImageSourceプロパティを設定します。

object .style.borderImageSource="none| プロパティ値
説明
none いいえ画像は使用されません
image 境界として使用する画像へのパス
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: なし
戻り値: 要素のボーダー画像ソースプロパティを表す文字列、
CSSのバージョン CSS3

関連ページ

CSSリファレンス: border-image-source property


<スタイルオブジェクト