Uppackning av CSS-egenskapsvärden i JavaScript

Vid läsning av attributet style packas förkortade CSS-egenskaper upp till sina fulla egenskaper. Låt oss se vad som menas. Låt oss anta att vi har satt en marginal för alla sidor:

javascriptelem.style.margin = '20px';

Låt oss skriva ut den:

javascriptconsole.log(elem.style.margin); // skriver ut '20px';

Samtidigt kommer läsning av egenskaper för individuella sidor också att vara tillgänglig:

javascriptconsole.log(elem.style.marginLeft); // skriver ut '20px';

html<div id="elem" style="width: 300px; height: 200px; border: 1px solid red;">
  text
</div>