CSS xususiyatlari qiymatlarini JavaScriptda ochish

style atributini o'qishda qisqartirilgan CSS xususiyatlari o'zlarining to'liq xususiyatlariga ochiladi. Keling, nima ma'noda ekanligini ko'ramiz. Faraz qilaylik, bizda barcha tomonga chet boshi berilgan:

javascriptelem.style.margin = '20px';

Uni chiqaramiz:

javascriptconsole.log(elem.style.margin); // '20px' ni chiqaradi;

Bunda alohida tomonlar uchun xususiyatlarni o'qish ham mavjud bo'ladi:

javascriptconsole.log(elem.style.marginLeft); // '20px' ni chiqaradi;

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