height
Özelliği Temel Özellikler
- CSS Yazımı :
height: [ <uzunluk> | <yüzde> ] && [ border-box | content-box ]? | auto | available | fit-content | max-content | min-content;
- Örnek :
height: auto;
|height: 123px;
- Öntanımlı Değer :
auto
- Uygulanabilen Etiketler :
- Tüm Etiketler, yeri değiştirilmemiş
inline
etiketler,table columns
vecolumn groups
dışında. - Kalıtsallık :
- Yok.
- Tarayıcı Desteği :
- Tüm Tarayıcılar
- Animasyon :
- Desteklenmiyor
animation
Özelliği - Javascript :
öge.style.height = "131px";
- Sürüm :
- CSS1 / CSS (düz. 1) / CSS Transitions / CSS Basic Box Model / CSS Intrinsic & Extrinsic Sizing Module Level 3
- Açıklama :
height
Özelliği Kullanımı
Markanız için 300X300 alan.
CSS height
özelliği; etiketin yüksekliğini belirler. Öntanımlı olarak bu özellik içerik alanının yüksekliğini belirler. Kutu boyutlandırma (box-sizing
) eğer border-box
(yani sınır alanı) olarak belirlenmişse o zaman etiketin sınır alanını düzenler.
height
özelliği etiketin özgün yüksekliğini ayarlar. Bu yüksekliğe padding
özelliği, margin
özelliği ve border
özelliğinden kaynaklanan yükseklik değerleri dahil değildir.
min-height
özelliği ve max-height
özelliği height
özelliğinin üzerine yazar.
height
Özelliği Tarayıcı Desteği
Tarayıcı →Özellik ↓ | |||||
---|---|---|---|---|---|
Temel Destek | 1.0 | 7.0 | 1.0 | 1.0 | 4.0 |
Tarayıcı →Özellik ↓ | |||||
---|---|---|---|---|---|
Temel Destek | 1.0 | 6.0 | 1.0 | 1.0 | 6.0 |
Tarayıcı desteği tablosu artık güncel değil. Kısa zamanda güncellenecek.
height
Özelliğinin Alabileceği Değerler
<uzunluk>
- Etiket yüksekliğini mutlak değer olarak tanımlar. px, pt, cm, mm ve benzeri türden yüksekliklik değeri.
<yüzde>
- Etiket yüksekliğini kendisini içeren blokun yüksekliğinin yüzdesi üzerinden tanımlar.
border-box
- Deneysel- Eğer kullanılıyorsa
<uzunluk>
ya da<yüzde>
değerini etiketin sınır alanına göre hesaplar. content-box
- Deneysel- Eğer kullanılıyorsa
<uzunluk>
ya da<yüzde>
değerini etiketin içerik alanına göre hesaplar. auto
- Değeri tarayıcı hesaplıyor. Öntanımlı değer.
available
- Deneyselfit-content
- Deneyselmax-content
- Deneysel- Yeğlenen doğal yükseklik.
min-content
- Deneysel- Doğal en az yükseklik.