Style height özelliği

Tanım ve Kullanım

height özelliği ile ayarlanabilir veya döndürülebilir.

height Bu özellik yalnızca blok elementleri veya绝对 veya sabit konumlu elementler için geçerlidir. Yıkanan içerik overflow özelliği ile işlem yapın。

İpucu：Kullanarak width özelliği Elementin genişliğini ayarlayın veya döndürün.

Ayrıca bakınız：

CSS Eğitimleri：CSS Ölçü

CSS Eğitimleri：CSS çerçeve modeli

CSS Referans Kılavuzu：height özelliği

Örnek

Örnek 1

<button> elementinin yüksekliğini ayarlayın：

document.getElementById("myBtn").style.height = "50px";

Kişisel olarak deneyin

Örnek 2

<div> elementinin yüksekliğini değiştirin：

document.getElementById("myDIV").style.height = "500px";

Kişisel olarak deneyin

Örnek 3

<img> elementinin yüksekliğini ve genişliğini değiştirin：

document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";

Kişisel olarak deneyin

Örnek 4

Dönüş <img> elementinin yüksekliğini:

alert(document.getElementById("myImg").style.height);

Kişisel olarak deneyin

Sözdizimi

height özelliğini döndürün：

object.style.height

height özelliğini ayarlayın：

object.style.height = "auto|length|%|initial|inherit"

Özellik değeri

Değer Açıklama
auto Tarayıcı yüksekliği ayarlar. Varsayılan.
length Uzunluk birimi ile yükseklik tanımlar.
% Ebeveyn elementinin yüzdesi ile yükseklik tanımlar.
initial Bu özelliği varsayılan değerine ayarlar. Bakınız initial。
inherit Bu özelliği ebeveyn elementinden miras alır. Bakınız inherit。

Teknik ayrıntılar

Varsayılan değer： auto
Dönüş değeri： Dizgi, elementin yüksekliğini ifade eder.
CSS sürümü： CSS1

Tarayıcı destekler

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Destek Destek Destek Destek Destek