cssText Özelliği

cssText özelliği, CSS stillerini toplu olarak tek satırda ayarlamaya olanak tanır. Bu durumda style özniteliğinin tüm içeriği yeniden yazılır.

Sözdizimi

eleman.style.cssText = 'özellik 1: değer; özellik 2: değer...'

Bir elemana birkaç stil atayalım:

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

Bu örnekte, elemanın başlangıçta zaten style özniteliğinde stilleri olacak, ancak cssText özelliği bunun üzerine yazacak:

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

Önceki stillerin üzerine yazılmaması için, şu şekilde yapılabilir:

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