CSS հատկությունների արժեքների բացահայտում JavaScript-ում

style ատրիբուտը կարդալիս համառոտ CSS հատկությունները բացահայտվում են իրենց լրիվ հատկությունների մեջ: Եկեք նայենք, թե ինչ է նկատի ունեցված: Ենթադրենք մենք ունենք բոլոր կողմերի համար նշված բացվածք.

javascriptelem.style.margin = '20px';

Եկեք արտածենք այն.

javascriptconsole.log(elem.style.margin); // կարտածի '20px';

Այս դեպքում առանձին կողմերի համար հատկությունները կարդալը նույնպես հասանելի կլինի.

javascriptconsole.log(elem.style.marginLeft); // կարտածի '20px';
Задание 1

Տրված է div.

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

Տրված է նաև կոճակ: Կոճակի վրա կտտացնելիս արտածեք եզրի հաստությունը, դրա տեսակը և գույնը: