CSSText ගුණය

cssText ගුණය CSS විලාසිතා සමූහයක් එක් පේළියකින් නියම කිරීමට ඉඩ සලසයි. එමගින් style ගුණාංගයේ සියලු අන්තර්ගතය ප්‍රතිලිඛිත වේ.

වාක්‍ය රචනය

javascriptමූලද්‍රව්‍ය.style.cssText = 'ගුණාංගය 1: අගය; ගුණාංගය 2: අගය...'

උදාහරණය

අපි මූලද්‍රව්‍යයකට විලාසිතා කිහිපයක් නියම කරමු:

html<p id="elem"></p>

javascriptlet elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 40px;';

උදාහරණය

මෙම උදාහරණයේ දී, මූලද්‍රව්‍යයට මුලිකවම දැනටමත් style ගුණාංගය තුළ විලාසිතා ඇත, නමුත් cssText ගුණය එය ප්‍රතිලිඛිත කරයි:

html<p id="elem" style="background: red;"></p>

javascriptlet elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 20px;';

උදාහරණය

පෙර විලාසිතා ප්‍රතිලිඛිත නොකිරීමට, මෙසේ කළ හැකිය:

html<p id="elem" style="background: green;"></p>

javascriptlet elem = document.querySelector('#elem');
elem.style.cssText += 'color: red; font-size: 20px;';

බලන්න