CSS border-image-source özelliği
- önceki sayfa border-image-slice
- Sonraki Sayfa border-image-width
tanım ve kullanım
border-image-source özelliği, border-style özelliğinde belirlenen kenar çizgi tarzı yerine kullanılacak resmi tanımlar.
ipucu:değer "none" ise veya resim görüntülenemiyorsa, kenar çizgi tarzı kullanılır.
diğerlerine bakınız:
CSS3 Eğitimi:CSS3 Kenarlar
örnek
div elementinin etrafını saran bir resim kullanarak bir resim olarak kenar çizgisi oluşturma:
div { border-image-source: url(border.png); }
CSS dilbilgisi
border-image-source: none|image;
özellik değeri
değer | tanım |
---|---|
yok | resim kullanılmaz. |
image | kenar çizgisini oluşturan resmin yolunu kullanır. |
teknik ayrıntılar
varsayılan değer: | yok |
---|---|
miras: | hayır |
sürüm: | CSS3 |
JavaScript dilbilgisi: | object.style.borderImageSource="url(border.png)" |
tarayıcı desteği
tablodaki sayılar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtmektedir.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
bakınız border-image özellik.
- önceki sayfa border-image-slice
- Sonraki Sayfa border-image-width