CSS height özelliği

Tanım ve Kullanım

height özelliği, element yüksekliğini ayarlar.

Açıklama

Bu özellik, element içeriği alanının yüksekliğini tanımlar; içeriği alanı dışında iç margin, border ve margin ekleyebilirsiniz.

Satır içi değiştirici olmayan elementler bu özelliği göz ardı eder.

Ayrıca bakınız:

CSS Eğitimleri:CSS Ölçüleri

CSS Eğitimleri:CSS çerçeve modeli özeti

CSS Referans Kılavuzu:width özelliği

HTML DOM Referans Kılavuzu:height özelliği

Örnek

Paragrafın yüksekliğini ve genişliğini ayarlayın:

p
  {
  height:100px;
  width:100px;
  }

Kişisel olarak deneyin

CSS dilbilgisi

height: oto|uzunluk|ilkayarı|devral;

Özellik değeri

Değer Açıklama
oto Varsayılan. Tarayıcı gerçek yüksekliği hesaplar.
uzunluk Yüksekliği px, cm gibi birimlerle tanımlayın.
% İçeren blok düzeyi elementin yüzdesi üzerine kurulu yükseklik.
devral Height özelliğinin değerini ebeveyn elementten devralması gerektiğini belirtir.

Teknik ayrıntılar

Varsayılan değer: oto
Devralabilirlik: hayır
Sürüm: CSS1
JavaScript dilbilgisi: object.style.height="50px"

TIY Örnek

Görsel yüksekliğini piksel değerleri kullanarak ayarlamak
Bu örnek, element yüksekliğini piksel değerleri kullanarak nasıl ayarlandığını gösterir.
Görsel yüksekliğini yüzde kullanarak ayarlamak
Bu örnek, element yüksekliğini yüzde değerleri kullanarak nasıl ayarlandığını gösterir.

Tarayıcı desteği

Tablodaki rakamlar, bu özelliği tamamen destekleyen ilk tarayıcı sürümünü belirtmektedir.

Chrome IE / Edge Firefox Safari Opera
1.0 4.0 1.0 1.0 7.0