Hromadné nastavování stylů v JavaScriptu

Lze nastavit více stylů najednou jedním příkazem. To se provádí pomocí vlastnosti cssText:

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

Tato vlastnost se používá zřídka, protože takové přiřazení odstraní všechny existující styly: nepřidává je, ale nahrazuje. Můžete náhodně smazat něco potřebného. Lze ji však použít, například pro nové prvky, když si jsme jisti, že neodstraníme existující styl.

Задание 1

Přepište kód pomocí probrané vlastnosti:

javascriptelem.style.cssText = `
  width: 100px;
  height: 100px;
  margin: 10px auto;
  color: red;
`;