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

Style borderImage Property

<スタイルオブジェクト

周囲に境界線として画像を指定<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プロパティが設定するための簡略性であるborderImageSourceborderImageSliceborderImageWidthborderImageOutsetborderImageRepeat特性を。

省略値はデフォルト値に設定されています。


ブラウザのサポート

表中の数字は完全にプロパティをサポートする最初のブラウザのバージョンを指定します。

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


<スタイルオブジェクト