cssText қасиеті

cssText қасиеті CSS стильдерін бір жолмен жалпылап тапсырғаға мүмкіндік береді. Бұл ретте style атрибутының барлық мазмұны қайта жазылады.

Синтаксис

элемент.style.cssText = 'қасиет 1: мән; қасиет 2: мән...'

Элементке бірнеше стиль тапсырайық:

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

Бұл мысалда элементте бастапқыда style атрибутында стильдер болады, бірақ cssText қасиеті оны қайта жазады:

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

Алдыңғы стильдер қайта жазылмауы үшін, мынаны жасауға болады:

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