Hello World!

Po ustawieniu stylu:

Hello World!

Spróbuj sam "

Więcej "Try it Yourself" przykłady poniżej.

Definicja i Wykorzystanie

Nieruchomość styl zwraca obiekt CSSStyleDeclaration, który reprezentuje atrybut style elementu.

Nieruchomość styl jest używany, aby uzyskać lub ustawić określony styl elementu stosując różne właściwości CSS.

Uwaga: Nie jest możliwe, aby ustawić style przypisując ciąg do właściwości stylu, np elementu .style = "color: red;" , Aby ustawić styl elementu, dołącz do "CSS" właściwość stylu i określić wartość, podobnie jak to:

element .style.backgroundColor = "red"; // set the background color of an element to red Try it

Jak widać, składnia JavaScript do ustawiania właściwości CSS jest nieco inny niż CSS (backgroundColor instead of background-color) .

Aby uzyskać listę wszystkich dostępnych właściwości, zobacz naszą Reference Style obiektów .

Uwaga: Właściwość styl zwraca tylko deklaracje CSS określonych w inline atrybutu stylu elementu, np
<P style = "color: red;">. Nie jest możliwe, aby korzystać z tej własności, aby uzyskać informacje na temat zasad styl z <head> sekcji w dokumencie lub zewnętrznych arkuszy stylów.

Jednakże, można uzyskać dostęp do <style> element z <head> za pomocą dokumentu. getElementsByTagName() :

var x = document.getElementsByTagName("STYLE")[0]; // get the first <style> element Try it

Uwaga: Zaleca się, aby użyć właściwości stylu zamiast element . setAttribute("style", "...") metoda, ponieważ nieruchomość styl nie zastąpią inne właściwości CSS, które mogą być określone w style atrybutu.

Wsparcie przeglądarka

Nieruchomość
style	tak	tak	tak	tak	tak

Składnia

Powrót właściwości stylu:

element .style. property

Ustawianie właściwości stylu:

element .style. property = value

wartości nieruchomości

Wartość	Opis
value	Określa wartość dla określonego obiektu. Na przykład, dla właściwości borderBottom: Element .style.borderBottom = "2 piksele na czerwono";