JavaScript'te Toplu Stil Atama

Bir seferde birden fazla stil tek bir komutla ayarlanabilir. Bu, cssText özelliği kullanılarak yapılır:

javascriptelem.style.cssText = `
  width: 100px;
  height: 100px;
  display: block;
`;

Bu özellik nadiren kullanılır çünkü bu şekilde atama yapmak mevcut tüm stilleri siler: stilleri eklemez, onların yerine geçer. İstenilen bir şeyi yanlışlıkla silebilirsiniz. Ancak, yeni öğeler için, mevcut bir stili silmeyeceğimizden kesinlikle emin olduğumuzda kullanılabilir.

javascriptelem.style.width  = '100px';
elem.style.height = '100px';
elem.style.margin = '10px auto';
elem.style.color  = 'red';