Masowe ustawianie stylów w JavaScript

Można ustawić od razu kilka stylów jedną komendą. Robi się to za pomocą właściwości cssText:

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

Ta właściwość jest rzadko używana, ponieważ takie przypisanie usuwa wszystkie istniejące style: nie dodaje, ale zastępuje je. Można przypadkowo usunąć coś potrzebnego. Ale można jej użyć, na przykład, dla nowych elementów, kiedy dokładnie wiemy, że nie usuniemy istniejącego stylu.

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