Style border özelliği

Tanım ve Kullanım

border Özellikleri kısa formatta ayarlamak veya döndürmek için en fazla üç ayrı kenar çizgi özelliği belirtilir.

Bu özellikle, aşağıdaki bir veya daha fazla özelliği ayarlayabilir veya döndürebilirsiniz (herhangi bir sırayla):

Ayrıca bakınız:

CSS Eğitimi:CSS kenarlık

CSS Referans Kılavuzu:border özelliği

Örnek

Örnek 1

<div> elemanına kenar çizgisi ekleyin:

document.getElementById("myDiv").style.border = "thick solid #0000FF";

Kişisel olarak deneyin

Örnek 2

<div> elemanının kenar çizgisinin genişliğini, stili ve rengini değiştirin:

document.getElementById("myDiv").style.border = "thin dotted red";

Kişisel olarak deneyin

Örnek 3

<div> elemanının border özelliği değerini döndürün:

alert(document.getElementById("myDiv").style.border);

Kişisel olarak deneyin

Gramer

border özelliğini döndürün:

object.style.border

border özelliğini ayarlayın:

object.style.border = "width style color|initial|inherit"

Özellik Değeri

Değer Tanım
width Kenar çizgisinin genişliğini ayarlayın.
style Kenar çizgisinin stili ayarlayın.
color Kenar çizgisinin rengini ayarlayın.
initial Bu özelliği varsayılan değerine ayarlar. Bakınız initial.
inherit Bu özelliği ebeveyn elemanından devralır. Bakınız inherit.

Teknik Ayrıntılar

Öntanımlı Değer: Belirtilmemiştir.
Dönüş değeri: Dize, elemanın kenar çizgi genişliğini, stili ve/veya rengini ifade eder.
CSS Sürümü: CSS1

Tarayıcı Desteği

border CSS1 (1996) özelliğidir.

Tüm tarayıcılar tamamen destekler:

Chrome Edge Firefox Safari Opera IE
Chrome Edge Firefox Safari Opera IE
Desteklenir Desteklenir Desteklenir Desteklenir Desteklenir Desteklenir