CSS टेक्स्ट प्रॉपर्टी

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;';

यह भी देखें