.height() yöntemi belirtilen elemente yüksekliğini ayarlamak veya yüksekliğinin ne kadar olduğunu öğrenmek için kullanılır.
$("a").click(function(){
alert("DİV YÜKSEKLİĞİ: " + $("div").height());
});
.height();
.height(value);
.height(function(index, currentheight));
Bir elementin minimum yüksekliğini ayarlamak için kullanılır. Bu değer daha küçük yükseklik değerini önler.
div {
width: 200px;
min-height: 200px;
background: red;
color: white;
}
| Değer | Açıklama |
| none | Hiç bir değer almaz. |
| length | px, cm, % gibi değerler alabilir. |
| İnital | |
| İnherit |
| 1.0 | 1.0 | 7.0 | 2.0.2 | 7.0 |
Bir elementin maximum yüksekliğini ayarlamak için kullanılır. Bu özellik elementi daha fazla büyümesine engel olur.
div {
max-height: 100px;
background: red;
width: 500px;
color: white;
}
| Değer | Açıklama |
| none | Hiç bir değer almaz. |
| length | px, cm, % gibi değerler alabilir. |
| İnital | |
| İnherit |
| 1.0 | 1.0 | 7.0 | 2.0.2 | 7.0 |
Satır arası yüksekliği belirlemek için kullanılır.
.lineHeight {
line-height: 50px;
}
| Değer | Açıklama |
| normal | normal olarak ayarlanır. |
| number | Direk ‘3’ yada ‘5’ gibi değerler alabilir. Buda font-size’ ın çarpımı manasına gelmektedir. |
| length | Harfler arasındaki boşluğu açacak değerdir. Negatif olarak tanımlanabilir. |
| İnital | |
| İnherit |
| 1.0 | 1.0 | 4.0 | 1.0 | 7.0 |
Bir objenin yüksekliğini ayarlar.
.height {
height: 150px;
width: 150px;
background: red;
color: white;
}
| Değer | Açıklama |
| auto | Yükseklik otomatik olarak ayarlanır. |
| length | Yüzdeli, px, em, cm gibi değerler alabilir. |
| İnital | |
| İnherit |
| 1.0 | 1.0 | 4.0 | 1.0 | 7.0 |