Atribut tinggi style

Definisi dan penggunaan

height Atur atau kembalikan tinggi elemen.

height Atribut ini hanya berlaku untuk elemen blok atau elemen dengan posisi absolut atau tetap. Atribut overflow untuk mengoperasikan.

Petunjuk:Gunakan Atribut lebar Atur atau kembalikan lebar elemen.

Lihat juga:

Pelajaran CSS:Dimensi CSS

Pelajaran CSS:Model Kisi CSS

Panduan CSS:Atribut tinggi

Contoh

Contoh 1

Atur tinggi elemen <button>:

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

Coba sendiri

Contoh 2

Ubah tinggi elemen <div>:

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

Coba sendiri

Contoh 3

Ubah tinggi dan lebar elemen <img>:

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

Coba sendiri

Contoh 4

Kembalikan tinggi elemen <img>:

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

Coba sendiri

Sintaks

Kembalikan atribut tinggi:

object.style.height

Atur atribut tinggi:

object.style.height = "auto|length|%|initial|inherit"

Nilai atribut

Nilai Deskripsi
auto Tinggi disetel oleh browser. Default.
length Tentukan tinggi dengan satuan panjang.
% Tinggi ditentukan berdasarkan persen dari elemen induk.
initial Atur atribut ini ke nilai default. Lihat initial
inherit Mengambil atribut ini dari elemen induknya. Lihat inherit

Detil teknis

Nilai default: auto
Nilai kembalian: String yang merepresentasikan tinggi elemen.
Versi CSS: CSS1

Browser mendukung

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Dukungan Dukungan Dukungan Dukungan Dukungan