Örnek
Bir elemanın etrafına sınır olarak bir görüntü belirtin:
#borderimg
{
border-image-source: url(border.png);
}
Kendin dene " Tanımı ve Kullanımı
Border-image-source özelliği görüntüye yol bir sınır olarak kullanılacak belirtir (instead of the normal border around an element) .
Tip: değeri ise "none" veya görüntü görüntülenemiyor durumunda sınır stilleri kullanılacaktır.
İ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: | none |
|---|---|
| Miras: | no |
| canlandırılabilir: | no. Read about animatable |
| Versiyon: | CSS3 |
| JavaScript sözdizimi: | object .style.borderImageSource=" url(border.png) " Try it |
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| border-image-source | 15.0 | 11.0 | 15.0 | 6 | 15.0 |
CSS sözdizimi
border-image-source: none| Mülkiyet Değerler değer Açıklama none Resim yok kullanılacaktır image resmin yolunu bir sınır olarak kullanılacak 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-slice property
CSS Referansı: border-image-width property
HTML DOM referansı: borderImageSource property