Örnek
Sınır görüntünün genişliğini belirtir:
#borderimg
{
border-image-source: url(border.png);
border-image-width: 10px;
}
Kendin dene " Tanımı ve Kullanımı
border-image-width özelliği sınır görüntünün genişliğini belirtir.
İ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: | 1 |
|---|---|
| Miras: | no |
| canlandırılabilir: | no. Read about animatable |
| Versiyon: | CSS3 |
| JavaScript sözdizimi: | object .style.borderImageWidth="20px" Try it |
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| border-image-width | 15.0 | 11.0 | 13.0 | 6 | 15.0 |
CSS sözdizimi
border-image-width: Note: border-image-width özelliği bir ila dört değerlerden alabilir (top, right, bottom, and left sides) . 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 length Bir uzunluk birimi (px) sınır genişlikli büyüklüğü belirten Oynat " number Standart değeri 1 karşılık gelen sınır genişlikli katları temsil eder Oynat " % Yatay uzaklıklar için alanının genişliği, dikey uzaklıklar için yükseklik: sınır görüntü alanının boyutu belirtir Oynat " auto Belirtilen halinde, genişlik gelen resim dilimin iç genişliği ya da yüksekliği Oynat " initial varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun Oynat " 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-source property
HTML DOM referansı: borderImageWidth property