Stil anahat Genişliği Özellik
Örnek
Bir <div> öğesinin anahattının genişliğini değiştirin:
document.getElementById("myDiv").style.outlineWidth = "10px";
Tanım ve Kullanım
AnahatWidth özelliği, bir öğenin etrafındaki anahattın genişliğini 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 | |||||
---|---|---|---|---|---|
outlineWidth | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
AnahatWidth özelliğini döndürün:
object.style.outlineWidth
AnahatWidth özelliğini ayarlayın:
object.style.outlineWidth = "thin|medium|thick|length|initial|inherit"
Mülk değerleri
Value | Description |
---|---|
thin | Defines a thin outline |
medium | Defines a medium outline. This is default |
thick | Defines a thick outline |
length | The width of the outline in length units |
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 |
---|---|
Geri dönüş değeri: | Bir öğenin anahattının genişliğini temsil eden bir Dize |
CSS Sürümü | CSS2 |
Daha fazla örnek
Örnek
"Kalın" değeri kullanarak bir <div> öğesinin anahattının genişliğini değiştirin:
document.getElementById("myDiv").style.outlineWidth = "thick";
Örnek
Bir <div> öğesinin anahattının genişliğini döndürür:
alert(document.getElementById("myDiv").style.outlineWidth);
İlgili Sayfalar
CSS eğitimi: CSS Anahattı
CSS referansı: anahat özelliği
HTML DOM referansı: anahat özelliği
❮ Stil Nesnesi