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

Style borderImageSlice Property

<スタイルオブジェクト

画像ボーダーの内側にオフセットを指定します。

document.getElementById("myDIV").style.borderImageSlice = "50% 10%";
»それを自分で試してみてください

定義と使用法

borderImageSliceプロパティは、画像ボーダーの内側にオフセットを指定します。


ブラウザのサポート

Internet ExplorerFirefoxOperaGoogle ChromeSafari

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

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

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

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


構文

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

object .style.borderImageSlice

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

object .style.borderImageSlice=" プロパティ値
説明
number 数字は、画像内のピクセルを表す(if the image is a raster image)又はベクトル座標(if the image is a vector image)
% 水平方向のオフセット用画像の横幅、縦オフセットの高さのパーセンテージは、画像のサイズに対するものです。 デフォルト値は100%であり、
fill ボーダー・画像の中央部分が保持されるようにします
initial このプロパティがデフォルト値に設定します。 最初の記事を読みます
inherit その親要素からこのプロパティを継承します。 継承についての記事を読みます

技術的な詳細

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

関連ページ

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


<スタイルオブジェクト