CSS टेक्स्ट प्रॉपर्टी
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 प्रॉपर्टी वैल्यू प्राप्त करती है
