Örnek
Bir etrafında sınır olarak bir görüntü belirtin <div> elemanı:
/* Code for Safari 5 and earlier */
document.getElementById("myDIV").style.WebkitBorderImage
= "url(border.png) 30 30 round";
/* Standard syntax */
document.getElementById("myDIV").style.borderImage = "url(border.png) 30 30 round"; Kendin dene " Tanımı ve Kullanımı
BorderImage özelliği ayarlamak için bir kestirme niteliktir borderImageSource , borderImageSlice , borderImageWidth , borderImageOutset ve borderImageRepeat özelliklerini.
Atlanmış değerler varsayılan değerlerine ayarlanır.
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
Webkit, Moz, veya O izledi Numaraları önek ile çalıştı ilk sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| borderImage | 16.0 4,0 Webkit | 11.0 | 15.0 3.5 Moz | 6 3.1 Webkit | 15.0 11.0 O |
Sözdizimi
borderImage özelliğini Dönüş:
object .style.borderImage
borderImage özelliğini ayarlayın:
object .style.borderImage=" Mülkiyet Değerler değer Açıklama borderImageSource resmin yolunu bir sınır olarak kullanılacak borderImageSlice görüntü sınırın içe uzaklıklar borderImageWidth görüntü sınırın genişlikleri borderImageOutset Sınır görüntü alanı sınır kutusunun arkasına kadar uzanan tarafından tutar borderImageRepeat Görüntü ötesi tekrarlanmalıdır olsun, yuvarlak veya gerilmiş 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
Teknik detaylar
Varsayılan değer: yok,% 100 1 0 streç Geri dönüş değeri: bir elemanın sınır resim özelliğini temsil eden bir String, CSS Sürüm CSS3
İlgili Sayfalar
CSS referansı: border-image property
<Stil Nesne