CSS yüksekliği Özellik
Örnek
İki <div> öğesinin yüksekliğini ayarlayın:
div.a {
height: auto;
border:
1px solid black;
}
div.b {
height: 50px;
border: 1px solid black;
}
Aşağıda daha fazla "Kendiniz Deneyin" örnekleri.
Tanım ve Kullanım
Özellik height
, bir öğenin yüksekliğini ayarlar.
Bir öğenin yüksekliğine dolgu, kenarlık veya kenar boşlukları dahil değildir!
Öğe height: auto;
, içeriğinin doğru şekilde görüntülenmesine izin vermek için yüksekliğini otomatik olarak ayarlayacaksa.
Sayısal bir değere (piksel, (r)em, yüzdeler gibi) ayarlanırsa height
içerik belirtilen yüksekliğe sığmazsa taşar. Kapsayıcının taşan içeriği nasıl ele alacağı,
taşma özelliği tarafından tanımlanır.
Not: Min -height ve
max-height özellikleri, özelliği geçersiz kılar
height
.
Varsayılan değer: | Oto |
---|---|
Miras: | Hayır |
canlandırılabilir: | Evet. Canlandırılabilir hakkında bilgi edinin |
Sürüm: | CSS1 |
JavaScript sözdizimi: | nesne .style.height="500px" |
Tarayıcı Desteği
Tablodaki sayılar, özelliği tam olarak destekleyen ilk tarayıcı sürümünü belirtir.
Property | |||||
---|---|---|---|---|---|
height | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
CSS Sözdizimi
height: auto|length|initial|inherit;
Mülk değerleri
Value | Description | Play it |
---|---|---|
auto | The browser calculates the height. This is default | |
length | Defines the height in px, cm, etc. Read about length units | |
% | Defines the height in percent of the containing block | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Daha fazla örnek
Örnek
Bir öğenin yüksekliğini, ana öğenin yüksekliğinin %50'sine ayarlayın:
#parent {
height: 100px;
}
#child {
height: 50%;
}
İlgili Sayfalar
CSS eğitimi: CSS Yüksekliği ve Genişliği
CSS eğitimi: CSS Kutusu modeli
CSS referansı: genişlik özelliği
HTML DOM referansı: yükseklik özelliği