Eigenschaft cssText

Die Eigenschaft cssText ermöglicht es, CSS-Stile massenhaft in einer Zeile zu setzen. Dabei wird der gesamte Inhalt des Attributs style überschrieben.

Syntax

javascriptelement.style.cssText = 'Eigenschaft 1: Wert; Eigenschaft 2: Wert...'

Beispiel

Lassen Sie uns dem Element mehrere Stile zuweisen:

html<p id="elem"></p>

javascriptlet elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 40px;';

Beispiel

In diesem Beispiel hat das Element bereits initial Stile im Attribut style, aber die Eigenschaft cssText überschreibt es:

html<p id="elem" style="background: red;"></p>

javascriptlet elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 20px;';

Beispiel

Damit vorherige Stile nicht überschrieben werden, kann man Folgendes tun:

html<p id="elem" style="background: green;"></p>

javascriptlet elem = document.querySelector('#elem');
elem.style.cssText += 'color: red; font-size: 20px;';

Siehe auch