Définition massive de styles en JavaScript

Il est possible de définir plusieurs styles à la fois avec une seule commande. Cela se fait à l'aide de la propriété cssText :

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

Cette propriété est rarement utilisée car une telle assignation supprime tous les styles existants : elle ne les ajoute pas, mais les remplace. On peut accidentellement supprimer quelque chose de nécessaire. Mais elle peut être utilisée, par exemple, pour de nouveaux éléments, lorsque nous sommes sûrs de ne pas supprimer un style existant.

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