CSS border-image-outset özelliği
- önceki sayfa border-image
- Sonraki Sayfa border-image-repeat
tanım ve kullanım
border-image-outset özelliği, kenar çizgisi görselinin kenar çizgi kutusunun üzerine çıkış miktarını belirler.
bkz.:
CSS3 eğitim:CSS3 Kenarlar
örnek
border-image-outset özelliğini ayarlama:
div { border-image-source: url(border.png); border-image-outset: 30 30; }
CSS dilbilgisi
border-image-outset: length|number;
yorum:border-image-outset özelliği, kenar çizgisi görselinin kenar çizgi kutusunun dışına çıkış miktarını belirler. Üst, sağ, alt, sol yanlarda. Dördüncü değeri göz ardı edilirse, ikinci değere eşittir. Üçüncü değeri atlanırsa, birinci değere eşittir. İkinci değeri atlanırsa, birinci değere eşittir. Border-image-outset değeri olarak herhangi bir negatif değer kullanılmaz.
özellik değeri
değer | tanım |
---|---|
length | |
number | karşılaştırılan border-width katları temsil eder. |
teknik ayrıntılar
varsayılan değer: | 0 |
---|---|
miras: | hayır |
sürüm: | CSS3 |
JavaScript dilbilgisi: | object.style.borderImageOutset="30 30" |
tarayıcı desteği
tablodaki sayılar, bu özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
15.0 | 11.0 | 15.0 | 6.0 | 15.0 |
bkz. border-image özellik.
- önceki sayfa border-image
- Sonraki Sayfa border-image-repeat