Style outline özelliği

tanım ve kullanım

outline özellikleri kısa formatta ayarlamak veya döndürmek için kullanılır.

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

kontur, elementin etrafında bir çizgi. Bu, elementin etrafındaki marj etrafında görüntülenir. Ancak, bu border özelliği farklı.

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

daha fazla bakınız:

CSS eğitimi:CSS kontur

CSS referans el kitabı:outline özelliği

örnek

örnek 1

<div> elementi etrafına kontur eklemek:

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

kendiniz deneyin

örnek 2

<div> elementinin konturunu değiştirmek:

document.getElementById("myDiv").style.outline = "5px dotted green";

kendiniz deneyin

örnek 3

Dönüş <div> elementinin outline özelliği değerini:

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

kendiniz deneyin

gramer

outline özelliğini döndürmek:

object.style.outline

outline özelliğini ayarlamak:

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

özellik değeri

değer tanım
width kontur genişliğini ayarlamak
style kontur stili ayarlamak
color kontur rengi ayarlamak
initial Bu özelliği öntanımlı değerine ayarlar. Bakınız initial.
inherit Bu özelliği ebeveyn elementinden devralır. Bakınız inherit.

teknik ayrıntılar

Öntanımlı değer: orta yok ters
Dönüş değeri: dize,元素的 kontur genişliği, stili ve/veya rengi 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