CSS border-image-source Özellik
Örnek
Bir öğenin etrafındaki kenarlık olarak bir görüntü belirtin:
#borderimg
{
border-image-source: url(border.png);
}
Tanım ve Kullanım
Özellik border-image-source
, kenarlık olarak kullanılacak görüntünün yolunu belirtir (bir öğenin etrafındaki normal kenarlık yerine).
İpucu: Değer "yok" ise veya görüntü görüntülenemiyorsa, kenarlık stilleri kullanılacaktır.
İpucu: Ayrıca border-image özelliğine de bakın (tüm border-image-* özelliklerini ayarlamak için bir kestirme özellik).
Varsayılan değer: | Yok |
---|---|
Miras: | Hayır |
canlandırılabilir: | Hayır. Canlandırılabilir hakkında bilgi edinin |
Sürüm: | CSS3 |
JavaScript sözdizimi: | nesne .style.borderImageSource="url(border.png)" |
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
border-image-source | 15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
CSS Sözdizimi
border-image-source: none|image|initial|inherit;
Mülk değerleri
Value | Description |
---|---|
none | No image will be used |
image | The path to the image to be used as a border |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
İlgili Sayfalar
CSS eğitimi: CSS Kenarlık Resimleri
CSS Referansı: border-image özelliği
CSS Referansı: border-image-outset özelliği
CSS Referansı: border-image-repeat özelliği
CSS Referansı: border-image-slice özelliği
CSS Referansı: border-image-width özelliği
HTML DOM referansı: borderImageSource özelliği