Örnek
Sınır imajını Bir elemanın sınır çizgileri dışında 10 piksel yerleştirin:
#borderimg
{
border-image-source: url(border.png);
border-image-outset: 10px;
}
Tanımı ve Kullanımı
border-image-outset mülkiyet sınır görüntü alanı sınır kutusunun arkasına kadar uzanan tarafından miktarını 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: | 0 |
|---|---|
| Miras: | no |
| canlandırılabilir: | no. Read about animatable |
| Versiyon: | CSS3 |
| JavaScript sözdizimi: | object .style.borderImageOutset="10px" Try it |
Tarayıcı Desteği
Tablodaki rakamlar tam özelliğini destekleyen ilk tarayıcı sürümü belirtin.
| özellik | |||||
|---|---|---|---|---|---|
| border-image-outset | 15.0 | 11.0 | 15.0 | 6 | 15.0 |
CSS sözdizimi
border-image-outset: Note: border-image-outset özellik 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 border-image nasıl görüneceğini kadar kenarlardan belirten uzunluk birimi. Varsayılan değeri 0'dır Oynat " number karşılık gelen sınır genişlikli katları temsil 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-repeat property
CSS Referansı: border-image-slice property
CSS Referansı: border-image-source property
CSS Referansı: border-image-width property
HTML DOM referansı: borderImageOutset property