Tanımı ve Kullanımı
Border-image-dilim özelliği tarafından belirtilen görüntüyü dilim edileceğini belirten border-image-source . dört köşe, dört kenarları ve ortada: Görüntü her zaman dokuz kesitleri alınmaktadır.
"middle" dolgu anahtar ayarlanmadığı sürece bölümü, tamamen şeffaf olarak kabul edilir.
İpucu: Ayrıca bakmak sınır görüntü özelliği (a shorthand property for setting all the border-image-* properties) .
| Varsayılan değer: | 100% |
|---|---|
| Miras: | no |
| canlandırılabilir: | no. Read about animatable |
| Versiyon: | CSS3 |
| JavaScript sözdizimi: | object .style.borderImageSlice="30%" Try it |
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| border-image-slice | 15.0 | 11.0 | 15.0 | 6 | 15.0 |
CSS sözdizimi
border-image-slice: Note: border-image-dilim özelliği olarak bir ila dört değerleri alabilir. dördüncü değeri atlanırsa, bu ikinci aynıdır. Üçüncü bir de atlanırsa, ilk olarak aynıdır. ikincisi de atlanırsa, ilk olarak aynıdır. Mülkiyet Değerler
değer Açıklama Oynat number number(s) tarama görüntüleri için pikselleri temsil ya da vektör görüntüler için koordinatları Oynat " % Yüzdeler görüntünün yüksekliği veya genişliğine göreli Oynat " fill Görüntünün orta bölümü görüntülenecek neden olur Oynat " initial varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun inherit üst öğesinden bu özelliği devralır. Yaklaşık miras oku
İlgili Sayfalar
CSS3 öğretici: CSS3 Sınır Görüntüler
CSS Referansı: border-image property
CSS Referansı: border-image-outset property
CSS Referansı: border-image-repeat property
CSS Referansı: border-image-source property
CSS Referansı: border-image-width property
HTML DOM referansı: borderImageSlice property