Stil yüksekliği Özellik
Örnek
Bir <button> öğesinin yüksekliğini ayarlayın:
document.getElementById("myBtn").style.height = "50px";
Tanım ve Kullanım
height özelliği, bir öğenin yüksekliğini ayarlar veya döndürür.
Yükseklik ö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 genişliğini ayarlamak veya döndürmek için genişlik özelliğini kullanın .
Tarayıcı Desteği
Property | |||||
---|---|---|---|---|---|
height | Yes | Yes | Yes | Yes | Yes |
Sözdizimi
Yükseklik özelliğini döndürün:
object.style.height
Yükseklik özelliğini ayarlayın:
object.style.height = "auto|length|%|initial|inherit"
Mülk değerleri
Value | Description |
---|---|
auto | The browser sets the height. This is default |
length | Defines the height in length units |
% | Defines the height 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 yüksekliğini temsil eden bir Dize |
CSS Sürümü | CSS1 |
Daha fazla örnek
Örnek
Bir <div> öğesinin yüksekliğini değiştirin:
document.getElementById("myDIV").style.height = "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 yüksekliğini döndürür:
alert(document.getElementById("myImg").style.height);
İlgili Sayfalar
CSS eğitimi: CSS Boyutu
CSS eğitimi: CSS Kutusu modeli
CSS referansı: yükseklik özelliği
❮ Stil Nesnesi