CSS3のborder-画像スライスのプロパティ
例
内側に境界指定されたイメージをオフセット：
div
{
border-image-source: url(border.png);
border-image-slice: 50% 50%;
}
{
border-image-source: url(border.png);
border-image-slice: 50% 50%;
}
ブラウザのサポート
表中の数字は、プロパティのバージョン番号をサポートする最初のブラウザを表します。
| 属性 | |||||
|---|---|---|---|---|---|
| border-image-slice | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
属性の定義と指示
ボーダー画像-slice属性は、画像の境界が内側にオフセットを指定します。
| デフォルト： | 100％ |
|---|---|
| 継承： | いいえ |
| バージョン： | CSS3 |
| JavaScriptシンタックス： | オブジェクト.style.borderImageSlice = "50％50％」 |
文法
border-image-slice:number|%|fill;
注：四隅、四辺および中間：この属性は、9つの領域に分け移行内側に上、右、下、左エッジの画像を、指定します。キーワードを記入しない限り、中間画像は、（完全に透明なプロセス）は廃棄されます。 あなたはそれの4番目の数字/割合、および第2の同を省略した場合。 あなたは、サードを省略し、それは最初と同じである場合。 また、第二のを省略し、そしてそれは、最初と同じである場合。
| 値 | 説明 |
|---|---|
| 数 | 画像画素のデジタル表現（ビットマップ画像）またはベクトル座標（画像、ベクトル画像の場合） |
| ％ | 画像サイズの比率は相対的なものである：オフセット画像の横幅の高さは、垂直画像オフセット |
| 埋めます | 画像のリザーブ中間部 |