JavaScriptでのスタイルの一括設定

複数のスタイルを一度のコマンドで設定できます。 これはcssTextプロパティを使って行います：

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

このプロパティはあまり使われません。なぜなら、このような代入は既存のスタイルをすべて削除してしまうからです。 スタイルを追加するのではなく、置き換えます。必要なものを誤って削除してしまう可能性があります。 しかし、例えば新しい要素に対して、既存のスタイルを削除しないことが確実な場合などに使用できます。

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