CSS3 border-image-slice プロパティ
 完全な CSS3 リファレンス
例
画像ボーダーの内部オフセットを指定します:
div
{
border-image-source: url(border.png);
border-image-slice: 50% 50%;
} |
|
ブラウザ・サポート
border-image-slice プロパティをサポートしているブラウザはありません。
代りに border-image プロパティをご覧ください !
定義と用法
border-image-slice プロパティは、画像ボーダーの内部オフセットを指定します。
| デフォルト値: |
100% |
| 継承: |
no |
| バージョン: |
CSS3 |
| JavaScript構文: |
object.style.borderImageSlice="50% 50%" |
構文
| border-image-slice: number|%|fill; |
注: このプロパティは、イメージの上、右、下、および左のエッジからの内部オフセットを指定し、
それを次の9つの領域に分けます: 4つのコーナー、4つのエッジ、および中央部分。
fill キーワードが存在しない場合、中央の画像部分は捨てられます（完全に透明であるとみなされます）。
4番目の数/% 省略された場合、2番目の値と同じになります。
3番目の値が省略された場合、1番目の値と同じになります。
また、2番目の値が省略された場合、1番目の値と同じになります。
| 値 |
説明 |
| number |
数は、画像のピクセル（画像がラスタ画像の場合）またはベクトル座標（画像がベクトル画像の場合）を表します |
| % |
パーセンテージは画像のサイズと関連します: 水平オフセットには画像の幅、オフセットには画像の高さ |
| fill |
中央部分のボーダー画像を保持します |
完全な CSS3 リファレンス
|