Style borderImageOutset özelliği

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";

Kişisel olarak deneyin

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!