Style outlineWidth özelliği

Tanım ve Kullanım

outlineWidth Element etrafındaki kontur genişliğini ayarlar veya döndürür.

Kontur, element etrafında bir çizgidir. Elementin marjları etrafında gösterilir. Ancak, kenarlık özelliği ile farklıdır.

Kontur, element boyutlarının bir parçası değildir, bu yüzden genişlik ve yükseklik özellikleri kontur genişliğini içermez.

Daha fazla bakınız:

CSS Eğitimleri:CSS kontur

CSS Referans Kılavuzu:outline özelliği

HTML DOM Referans Kılavuzu:outline özelliği

Örnek

Örnek 1

<div> elementinin kontur genişliğini değiştirin:

document.getElementById("myDiv").style.outlineWidth = "10px";

Kişisel olarak deneyin

Örnek 2

"thick" değeri ile <div> elementinin kontur genişliğini değiştirin:

document.getElementById("myDiv").style.outlineWidth = "thick";

Kişisel olarak deneyin

Örnek 3

<div> elementi kontur genişliğini döndürün:

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

Kişisel olarak deneyin

Gradyasyon

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

object.style.outlineWidth

outlineWidth özelliğini ayarlayın:

object.style.outlineWidth = "thin|medium|thick|length|initial|inherit"

Özellik değeri

Değer Açıklama
thin İnce kontur tanımlar.
orta Orta kontur tanımlar. Varsayılan.
thick Kalın kontur tanımlar.
length Uzunluk birimi ile ölçülen kontur genişliği.
initial Bu özelliği varsayılan değerine ayarlar. Bakınız initial.
inherit Bu özelliği ebeveyn öğesinden devralır. Bakınız inherit.

Teknik ayrıntılar

Varsayılan değer: orta
Dönüş değeri: Dizi, element kontur genişliğini temsil eder.
CSS Sürümü: CSS2

Tarayıcı desteği

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek