Stil anahattıStyle Özellik
Örnek
Bir <div> öğesinin etrafına "sağlam" bir anahat ekleyin:
document.getElementById("myDiv").style.outlineStyle = "solid";
Tanım ve Kullanım
AnahatStyle özelliği, bir öğenin etrafındaki anahat stilini ayarlar veya döndürür.
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 | |||||
---|---|---|---|---|---|
outlineStyle | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
AnahatStyle özelliğini döndürün:
object.style.outlineStyle
AnahatStyle özelliğini ayarlayın:
object.style.outlineStyle = value
Mülk değerleri
Value | Description |
---|---|
none | Defines no outline. This is default |
hidden | The outline is turned off |
dotted | Defines a dotted outline |
dashed | Defines a dashed outline |
solid | Defines a solid outline |
double | Defines a double outline |
groove | Defines a 3D grooved outline. The effect depends on the outline-color value |
ridge | Defines a 3D ridged outline. The effect depends on the outline-color value |
inset | Defines a 3D inset outline. The effect depends on the outline-color value |
outset | Defines a 3D outset outline. The effect depends on the outline-color value |
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: | Yok |
---|---|
Geri dönüş değeri: | Bir öğenin anahattının stilini temsil eden bir Dize |
CSS Sürümü | CSS2 |
Daha fazla örnek
Örnek
Bir <div> öğesinin anahat stilini değiştirin:
document.getElementById("myDiv").style.outlineStyle = "solid";
Örnek
Bir <div> öğesinin anahat stilini döndür:
alert(document.getElementById("myDiv").style.outlineStyle);
Örnek
Tüm farklı değerlerin bir gösterimi:
var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myDiv").style.outlineStyle = listValue;
İlgili Sayfalar
CSS eğitimi: CSS Anahattı
CSS referansı: anahat stili özelliği
HTML DOM referansı: anahat özelliği
❮ Stil Nesnesi