Atrybut wysokości stylu

Definicja i użycie

height Atrybut ustawia lub zwraca wysokość elementu.

height Atrybut jest有效仅对于块级元素或有绝对或 stałą pozycję elementów. Wysuwane zawartość można ustawić lub zwrócić za pomocą Atrybut overflow do operowania.

Wskazówka:Użyj Atrybut szerokości Ustawia lub zwraca szerokość elementu.

Inne źródła:

Kurs CSS:CSS Dimension

Kurs CSS:Model ramki CSS

Podręcznik CSS:Atrybut wysokości

Przykład

Przykład 1

Ustawienie wysokości elementu <button>:

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

Spróbuj sam

Przykład 2

Zmień wysokość elementu <div>:

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

Spróbuj sam

Przykład 3

Zmień wysokość i szerokość elementu <img>:

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

Spróbuj sam

Przykład 4

Zwróć wysokość elementu <img>:

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

Spróbuj sam

Gramatyka

Zwróć atrybut wysokości:

object.style.height

Ustawienie atrybutu wysokości:

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

Wartość atrybutu

Wartość Opis
auto Ustawienie wysokości przez przeglądarkę. Domyślne.
length Definiuje wysokość w jednostkach długości.
% Definiuje wysokość w procentach od elementu nadrzędnego.
initial Ustawia tę właściwość na jej wartość domyślną. Zobacz initial.
inherit Inherbuje tę właściwość od elementu nadrzędnego. Zobacz inherit.

Szczegóły techniczne

Domyślna wartość: auto
Zwracana wartość: Ciąg znaków, który reprezentuje wysokość elementu.
Wersja CSS: CSS1

Przeglądarki obsługują

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie