Stil anahattı Özellik
Örnek
Bir <div> öğesinin etrafına bir anahat ekleyin:
document.getElementById("myDiv").style.outline = "thick solid #0000FF";
Tanım ve Kullanım
Anahat özelliği, tüm anahat özelliklerini bir stenografi biçiminde ayarlar veya döndürür.
Bu özellik ile aşağıdakilerden birini veya birkaçını (herhangi bir sırayla) ayarlayabilir/döndürebilirsiniz:
- anahat genişliği
- anahat stili
- anahat rengi
Anahat, bir öğenin etrafındaki bir çizgidir. Öğenin kenar boşluğu çevresinde görüntülenir. Ancak, border özelliğinden farklıdır.
Anahat, öğenin boyutlarının bir parçası değildir, bu nedenle öğenin genişlik ve yükseklik özellikleri, anahattın genişliğini içermez.
Tarayıcı Desteği
Property | |||||
---|---|---|---|---|---|
outline | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
Anahat özelliğini döndürün:
object.style.outline
Anahat özelliğini ayarlayın:
object.style.outline = "width style color|initial|inherit"
Mülk değerleri
Parameter | Description |
---|---|
width | Sets the width of the outline |
style | Sets the style of the outline |
color | Sets the color of the outline |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Teknik detaylar
Varsayılan değer: | orta yok ters çevirme |
---|---|
Geri dönüş değeri: | Bir öğenin anahat genişliğini, stilini ve/veya rengini temsil eden bir Dize |
CSS Sürümü | CSS2 |
Daha fazla örnek
Örnek
Bir <div> öğesinin anahattının genişliğini, stilini ve rengini değiştirin:
document.getElementById("myDiv").style.outline = "5px dotted green";
Örnek
Bir <div> öğesinin anahat özellik değerlerini döndürün:
alert(document.getElementById("myDiv").style.outline);
İlgili Sayfalar
CSS eğitimi: CSS Anahattı
CSS referansı: anahat özelliği
❮ Stil Nesnesi