Style borderImageOutset özelliği
- Önceki sayfa
- Sonraki sayfa
- Bir üst seviyeye dön HTML DOM Style Nesnesi
Tanım ve Kullanım
borderImageOutset
Özellik, kenar çizim resminin kenar çizim kutusunun dışına çıkmasını belirler.
Ayrıca bkz:
CSS Referans Kılavuzu:border-image-outset özelliği
Örnek
Kenarı <div> elementinin kenarları dışına koyun:
document.getElementById("myDIV").style.borderImageOutset = "5px 10px 20px 15px";
Sözdizimi
borderImageOutset özelliğini döndürün:
object.style.borderImageOutset
borderImageOutset özelliğini ayarlayın:
object.style.borderImageOutset = "length|number|initial|inherit"
Yorum:borderImageOutset
Özellik, kenar çizim resminin kenar çizim kutusunun dışına çıkması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 | Açıklama |
---|---|
length | Uzunluk birimi, kenar çizim resminin ne kadar uzakta görüneceğini belirler. Varsayılan değer 0'dır. |
number | karşıtlık border-width katları |
initial | Bu özelliği varsayılan değerine ayarlayın. Bakınız initial。 |
inherit | Bu özelliği ebeveyn elemanından miras alır. Bakınız inherit。 |
Teknik ayrıntılar
Varsayılan değer: | 0 |
---|---|
Dönüş değeri: | dizgi,元素的 border-image-outset özelliği。 |
CSS sürümü: | CSS3 |
Tarayıcı destekler
Tablodaki numaralar, bu özelliği ilk tam olarak destekleyen tarayıcı sürümünü belirtir.
Chrome | Edge | Firefox | Safari | Opera |
---|---|---|---|---|
Chrome | Edge | Firefox | Safari | Opera |
Desteği | 11.0 | Desteği | 6.0 | 15.0 |
Bakınız borderImage özelliği!
- Önceki sayfa
- Sonraki sayfa
- Bir üst seviyeye dön HTML DOM Style Nesnesi