Η ιδιότητα 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;';

Δείτε επίσης