Właściwość cssText

Właściwość cssText pozwala ustawić style CSS masowo jednym wierszem. Przy tym cała zawartość atrybutu style jest przepisywana.

Składnia

element.style.cssText = 'właściwość 1: wartość; właściwość 2: wartość...'

Ustawmy elementowi kilka stylów:

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

W tym przykładzie u elementu początkowo już będą style w atrybucie style, ale właściwość cssText go przepisze:

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

Aby poprzednie style nie były przepisywane, można zrobić tak:

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