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

Style borderImageOutset Property

<スタイルオブジェクト

エッジ外枠を置き<div>要素:

document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";
»それを自分で試してみてください

定義と使用法

borderImageOutsetプロパティセットまたは境界画像領域は、境界ボックスを越えて延在する量を返します。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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

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

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


構文

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

object .style.borderImageOutset

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

object .style.borderImageOutset=" Note: borderImageOutsetプロパティは、境界画像領域は、境界ボックスを超えて延びていることで量を指定します。 上、右、下、左サイドに。 第四の値が省略された場合、それは第二と同じです。 第三の一方が省略されている場合は、最初と同じです。 二つ目も省略されている場合、それは最初と同じです。 負の値はborderImageOutset値のいずれかのために許可されていません。

プロパティ値

説明
length ボーダー画像の表示方法遠い縁部から特定の長さの単位。 デフォルト値は0です
number 対応する境界線幅の倍数を表します
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

デフォルト値: 0
戻り値: 要素のボーダー画像冒頭性を表す文字列、
CSSのバージョン CSS3

関連ページ

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


<スタイルオブジェクト