tutorial pengembangan web terbaru
 

Style height Property

<Style Object

Contoh

Mengatur tinggi dari <button> elemen:

document.getElementById("myBtn").style.height = "50px";
Cobalah sendiri "

Definisi dan Penggunaan

Ketinggian set properti atau mengembalikan ketinggian elemen.

Properti tinggi hanya berpengaruh pada unsur-unsur blok-tingkat atau elemen dengan posisi absolut atau tetap. Isi meluap dapat dimanipulasi dengan kekayaan yang melimpah.

Tip: Gunakan lebar properti untuk mengatur atau kembali lebar elemen.


Dukungan Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Properti tinggi didukung di semua browser utama.


Sintaksis

Kembali properti height:

object .style.height

Mengatur properti height:

object .style.height="auto| Nilai properti
Nilai Deskripsi
auto Browser menetapkan ketinggian. Ini adalah default
length Mendefinisikan tinggi dalam satuan panjang
% Mendefinisikan tinggi dalam% dari elemen induk
initial Set properti ini ke nilai default. Baca tentang awal
inherit Mewarisi properti ini dari elemen induknya. Baca tentang mewarisi

Rincian teknis

Nilai default: mobil
Kembali Nilai: Sebuah String, yang mewakili ketinggian elemen
CSS Versi CSS1

Contoh lebih

Contoh

Mengubah tinggi dari <div> elemen:

document.getElementById("myDIV").style.height = "500px";
Cobalah sendiri "

Contoh

Mengubah tinggi dan lebar dari <img> elemen:

document.getElementById("myImg").style.height = "300px";
document.getElementById("myImg").style.width = "300px";
Cobalah sendiri "

Contoh

Kembalikan tinggi suatu <img> elemen:

alert(document.getElementById("myImg").style.height);
Cobalah sendiri "

Pages terkait

CSS tutorial: CSS Dimensi

CSS tutorial: CSS Box Model

Referensi CSS: height property


<Style Object