Style outlineStyle özelliği

Tanım ve Kullanım

outlineStyle Özellik, element etrafındaki çerçevenin tarzını ayarlar veya döndürür.

Çerçeve, element etrafında bir çizgi. Bu, elementin dış marjı etrafında görüntülenir. Ancak, kenarlık özelliği ile farklıdır.

Çerçeve, element boyutlarının bir parçası değildir, bu yüzden element genişliği ve yükseklik özellikleri, çerçevenin genişliğini içermemektedir.

Ayrıca bakınız：

CSS Eğitimi：CSS kontur

CSS Referans Kılavuzu：outline-style özelliği

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

Örnek

Örnek 1

<div> elementi etrafına dolu kontur ekleyin：

document.getElementById("myDiv").style.outlineStyle = "solid";

Kişisel olarak deneyin

Örnek 2

<div> elementinin kontur tarzını değiştirin：

document.getElementById("myDiv").style.outlineStyle = "solid";

Kişisel olarak deneyin

Örnek 3

<div> elementinin kontur tarzını döndürün：

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

Kişisel olarak deneyin

Örnek 4

Tüm farklı değerlerin gösterimi:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue;

Kişisel olarak deneyin

Sözdizimi

outlineStyle özelliğini döndürün：

object.style.outlineStyle

outlineStyle özelliğini ayarlayın：

object.style.outlineStyle = value

Özellik değeri

Değer Açıklama
none Öntanımlı. Konturu tanımlamayan.
gizli Kontur kapanmıştır.
dotted Nokta çizgi kontur çizgisi tanımlar.
dashed Dolu çizgi kontur çizgisi tanımlar.
solid Sıradan çizgi kontur çizgisi tanımlar.
double Çift çizgi kontur çizgisi tanımlar. Çift çizginin genişliği outline-width Değerleri.
groove 3D içbükey yuvarlak kontur çizgisi tanımlar. Bu etki outline-color Değerler.
ridge 3D çıkıntılı yuvarlak kontur çizgisi tanımlar. Bu etki outline-color Değerler.
inset 3D içbükey kontur çizgisi tanımlar. Bu etki outline-color Değerler.
outset 3D çıkıntılı kontur çizgisi tanımlar. Bu etki outline-color Değerler.
initial Bu özelliği öntanımlı değerine ayarlayın. Bakınız initial。
inherit Bu özelliği ebeveyn elementinden miras alır. Bakınız inherit。

Teknik ayrıntılar

Öntanımlı değer： none
Dönüş değeri： Dizgi, element konturunun tarzını ifade 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