Örnek
Bir genişliğini ayarlamak <button> elemanı:
document.getElementById("myBtn").style.width = "300px";
Kendin dene " Tanımı ve Kullanımı
genişlik özelliği ayarlar veya genişlik öğe döndürür.
genişlik özelliği blok düzeyi elemanlarında veya mutlak veya sabit bir konumda olan elemanları üzerinde bir etkiye sahiptir. Taşan içerik taşma özelliği ile manipüle edilebilir.
İpucu: kullan yüksekliği ayarlamak veya öğenin yüksekliğinin dönmek için özellik.
Tarayıcı Desteği
genişlik özelliği tüm büyük tarayıcılarda desteklenir.
Sözdizimi
width özelliğini Dönüş:
object .style.width
genişlik ayarlama özelliği:
object .style.width="auto| Mülkiyet Değerler değer Açıklama auto tarayıcı genişliğini ayarlar. Bu varsayılan length uzunluk birimi olarak genişliğini tanımlar % ana elemanın% genişliğini tanımlar initial varsayılan değerine bu özelliği ayarlar. İlk hakkında okuyun inherit üst öğesinden bu özelliği devralır. Yaklaşık miras oku
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 BB1
Diğer Örnekler
Örnek
Bir genişliğini değiştirme <div> elemanı:
document.getElementById("myDIV").style.width = "500px";
Kendin dene "
Örnek
Yüksekliği ve genişliğini değiştirme <img> elemanı:
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
Kendin dene "
Örnek
Bir genişliğini Dönüş <img> elemanı:
alert(document.getElementById("myImg").style.width);
Kendin dene "
İlgili Sayfalar
CSS öğretici: CSS Boyut
CSS öğretici: CSS Kutu modeli
CSS referans: width property
<Stil Nesne