CSS height özelliği
- Önceki sayfa hanging-punctuation
- Son sayfa hyphens
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; }
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 |
- Önceki sayfa hanging-punctuation
- Son sayfa hyphens