例
周囲に境界線として画像を指定<div>要素を:
/* Code for Safari 5 and earlier */
document.getElementById("myDIV").style.WebkitBorderImage
= "url(border.png) 30 30 round";
/* Standard syntax */
document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round";
»それを自分で試してみてください 定義と使用法
borderImageプロパティが設定するための簡略性であるborderImageSource 、 borderImageSlice 、 borderImageWidth 、 borderImageOutsetとborderImageRepeat特性を。
省略値はデフォルト値に設定されています。
ブラウザのサポート
表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。
Webkitの、MOZ、またはOに続く数字は、接頭辞で働いていた最初のバージョンを指定します。
プロパティ | |||||
---|---|---|---|---|---|
borderImage | 16.0 4.0のWebkit | 11.0 | 15.0 3.5 MOZ | 6.0 3.1のWebkit | 15.0 11.0 O |
構文
borderImageプロパティを返します:
object .style.borderImage
borderImageプロパティを設定します。
object .style.borderImage=" プロパティ値 値 説明 borderImageSource 境界として使用する画像へのパス borderImageSlice 画像ボーダーの内側にオフセット borderImageWidth 画像ボーダーの幅 borderImageOutset 境界画像領域は、境界ボックスを超えて拡張される量 borderImageRepeat 画像ボーダーが繰り返されるべきかどうか、丸められた又は延伸 initial このプロパティがデフォルト値に設定します。 最初の記事を読みます inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます
技術的な詳細
デフォルト値: いずれも100%1つの0ストレッチ 戻り値: 要素のボーダー画像のプロパティを表す文字列、 CSSのバージョン CSS3
関連ページ
CSSリファレンス: border-image property
<スタイルオブジェクト