Stil genişliği Özellik
Örnek
Bir <button> öğesinin genişliğini ayarlayın:
document.getElementById("myBtn").style.width = "300px";
Tanım ve Kullanım
Genişlik özelliği, bir öğenin genişliğini ayarlar veya döndürür.
Genişlik özelliği yalnızca blok düzeyindeki öğeler üzerinde veya mutlak veya sabit konumlu öğeler üzerinde etkilidir. Taşan içerik, taşma özelliği ile değiştirilebilir.
İpucu: Bir öğenin yüksekliğini ayarlamak veya döndürmek için height özelliğini kullanın .
Tarayıcı Desteği
Property | |||||
---|---|---|---|---|---|
width | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
Genişlik özelliğini döndürün:
object.style.width
Genişlik özelliğini ayarlayın:
object.style.width = "auto|length|%|initial|inherit"
Mülk değerleri
Value | Description |
---|---|
auto | The browser sets the width. This is default |
length | Defines the width in length units |
% | Defines the width in % of the parent element |
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: | Oto |
---|---|
Geri dönüş değeri: | Bir elemanın genişliğini temsil eden bir String |
CSS Sürümü | CSS1 |
Daha fazla örnek
Örnek
Bir <div> öğesinin genişliğini değiştirin:
document.getElementById("myDIV").style.width = "500px";
Örnek
Bir <img> öğesinin yüksekliğini ve genişliğini değiştirin:
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
Örnek
Bir <img> öğesinin genişliğini döndürün:
alert(document.getElementById("myImg").style.width);
İlgili Sayfalar
CSS eğitimi: CSS Boyutu
CSS eğitimi: CSS Kutusu modeli
CSS referansı: genişlik özelliği
❮ Stil Nesnesi