Atrybut szerokości stylu

Definicja i użycie

szerokość Atrybut ustawia lub zwraca szerokość elementu.

szerokość Atrybut jest有效仅对block-level elementy lub elementy z absolutnym lub stałym umieszczeniem. Nadmiarowy zawartość może być ustawiony za pomocą Atrybut overflow do przetwarzania.

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

Zobacz również:

Kurs CSS:CSS Dimension

Kurs CSS:Model ramki CSS

Podręcznik CSS:Atrybut szerokości

Przykład

Przykład 1

Ustawienie szerokości elementu <button>:

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

Spróbuj sam

Przykład 2

Zmiana szerokości elementu <div>:

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

Spróbuj sam

Przykład 3

Zmiana wysokości i szerokości elementu <img>:

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

Spróbuj sam

Przykład 4

Zwracanie szerokości elementu <img>:

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

Spróbuj sam

Gramatyka

Zwracanie szerokości atrybutu:

object.style.width

Ustawienie szerokości atrybutu:

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

Wartość atrybutu

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

Szczegółowe informacje techniczne

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

Przeglądarki obsługujące

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