Örnek
Bir yüksekliğini ayarlayın <button> elemanı:
document.getElementById("myBtn").style.height = "50px"; Kendin dene " Tanımı ve Kullanımı
yükseklik özelliği, ayarlar veya öğenin yüksekliğinin döndürür.
yükseklik ö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 genişliği ayarlamak veya bir öğenin genişliğini dönmek için özellik.
Tarayıcı Desteği
yükseklik özelliği tüm büyük tarayıcılarda desteklenir.
Sözdizimi
height özelliğini Dönüş:
object .style.height
height özelliğini ayarlayın:
object .style.height="auto| Mülkiyet Değerler değer Açıklama auto tarayıcı yüksekliğini ayarlar. Bu varsayılan length uzunluk birimi olarak yüksekliği tanımlar % ana elemanın% yükseklik 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 yüksekliği temsil eden bir String, CSS Sürüm BB1
Diğer Örnekler
Örnek
Bir yüksekliğini değiştirme <div> elemanı:
document.getElementById("myDIV").style.height = "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 yüksekliğini döndürür <img> elemanı:
alert(document.getElementById("myImg").style.height);
Kendin dene "
İlgili Sayfalar
CSS öğretici: CSS Boyut
CSS öğretici: CSS Kutu modeli
CSS referansı: height property
<Stil Nesne