Stijlen massaal instellen in JavaScript

Je kunt meerdere stijlen tegelijk instellen met één opdracht. Dit wordt gedaan met behulp van de eigenschap cssText:

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

Deze eigenschap wordt zelden gebruikt, omdat een dergelijke toewijzing alle bestaande stijlen verwijdert: het voegt niet toe, maar vervangt ze. Je kunt per ongeluk iets verwijderen dat nodig is. Maar het kan worden gebruikt, bijvoorbeeld voor nieuwe elementen, wanneer we zeker weten dat we geen bestaande stijl verwijderen.

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