CSSText ගුණය
cssText ගුණය
CSS විලාසිතා සමූහයක් එක් පේළියකින් නියම කිරීමට
ඉඩ සලසයි. එමගින්
style ගුණාංගයේ
සියලු අන්තර්ගතය ප්රතිලිඛිත වේ.
වාක්ය රචනය
මූලද්රව්ය.style.cssText = 'ගුණාංගය 1: අගය; ගුණාංගය 2: අගය...'
උදාහරණය
අපි මූලද්රව්යයකට විලාසිතා කිහිපයක් නියම කරමු:
<p id="elem"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 40px;';
උදාහරණය
මෙම උදාහරණයේ දී, මූලද්රව්යයට මුලිකවම දැනටමත්
style ගුණාංගය තුළ විලාසිතා ඇත,
නමුත් cssText ගුණය එය ප්රතිලිඛිත කරයි:
<p id="elem" style="background: red;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 20px;';
උදාහරණය
පෙර විලාසිතා ප්රතිලිඛිත නොකිරීමට, මෙසේ කළ හැකිය:
<p id="elem" style="background: green;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText += 'color: red; font-size: 20px;';
බලන්න
-
getComputedStyleක්රමය,
මූලද්රව්යයක CSS ගුණාංගයේ අගය ලබා ගනී
