Aplicação em massa de estilos em JavaScript

É possível definir vários estilos de uma vez com um único comando. Isso é feito usando a propriedade cssText:

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

Esta propriedade é raramente usada porque essa atribuição remove todos os estilos existentes: ela não adiciona, mas sim os substitui. Pode-se acidentalmente remover algo necessário. Mas ela pode ser usada, por exemplo, para novos elementos, quando temos certeza de que não removeremos um estilo existente.

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