Properti tinggi gaya
Contoh
Atur tinggi elemen <button>:
document.getElementById("myBtn").style.height = "50px";
Definisi dan Penggunaan
Properti height menetapkan atau mengembalikan ketinggian elemen.
Properti ketinggian hanya berpengaruh pada elemen tingkat blok atau pada elemen dengan posisi absolut atau tetap. Konten yang meluap dapat dimanipulasi dengan properti overflow.
Tip: Gunakan properti lebar untuk mengatur atau mengembalikan lebar elemen.
Dukungan Peramban
Property | |||||
---|---|---|---|---|---|
height | Yes | Yes | Yes | Yes | Yes |
Sintaksis
Kembalikan properti ketinggian:
object.style.height
Setel properti ketinggian:
object.style.height = "auto|length|%|initial|inherit"
Nilai properti
Value | Description |
---|---|
auto | The browser sets the height. This is default |
length | Defines the height in length units |
% | Defines the height in % of the parent element |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
Detail Teknis
Nilai Bawaan: | mobil |
---|---|
Nilai Kembali: | Sebuah String, mewakili ketinggian suatu elemen |
Versi CSS | CSS1 |
Lebih Banyak Contoh
Contoh
Ubah tinggi elemen <div>:
document.getElementById("myDIV").style.height = "500px";
Contoh
Ubah tinggi dan lebar elemen <img>:
document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
Contoh
Kembalikan tinggi elemen <img>:
alert(document.getElementById("myImg").style.height);
Halaman Terkait
Tutorial CSS: Dimensi CSS
Tutorial CSS: Model Kotak CSS
Referensi CSS: properti ketinggian
Objek Gaya