スタイルborderImageSlice属性
- 前のページ
- 次のページ
- 上層に戻る HTML DOM Styleオブジェクト
例
画像エッジの内向きオフセットを指定します：
document.getElementById("myDIV").style.borderImageSlice = "50% 10%";
構文
borderImageSlice属性の戻り値：
object.style.borderImageSlice
borderImageSlice属性の設定：
object.style.borderImageSlice = "number|%|fill|initial|inherit"
属性値
| 値 | 説明 |
|---|---|
| number | 数字、画像内のピクセル（ラスタ画像の場合）またはベクターコーポレート（ベクターアイコンの場合）を示します。 |
| % |
画像サイズに対するパーセンテージ：画像の幅が水平オフセットに影響し、高さが垂直オフセットに影響します。 デフォルト値は100%です。 |
| fill | バウンドエッジ画像の中央部分を保持します。 |
| initial | この属性をデフォルト値に設定します。参照してください initial。 |
| inherit | 親要素からこの属性を継承します。参照してください inherit。 |
技術的な詳細
| デフォルト値： | 100% |
|---|---|
| 戻り値： | 文字列、要素の border-image-slice属性。 |
| CSSバージョン： | CSS3 |
ブラウザのサポート
このテーブルの数字は、この属性を完全にサポートする最初のブラウザのバージョンを示しています。
| Chrome | Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| Chrome | Edge | Firefox | Safari | Opera |
| サポート | 11.0 | サポート | 6.0 | 15.0 |
参照してください borderImage 属性！
- 前のページ
- 次のページ
- 上層に戻る HTML DOM Styleオブジェクト
