Η ιδιότητα cssText

Η ιδιότητα cssText επιτρέπει τον ορισμό CSS στυλ μαζικά με μία γραμμή. Σε αυτή την περίπτωση όλο το περιεχόμενο του χαρακτηριστικού style ξαναγράφεται.

Σύνταξη

στοιχείο.style.cssText = 'ιδιότητα 1: τιμή; ιδιότητα 2: τιμή...'

Παράδειγμα

Ας ορίσουμε πολλά στυλ σε ένα στοιχείο:

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

Παράδειγμα

Σε αυτό το παράδειγμα, το στοιχείο θα έχει ήδη στυλ στο χαρακτηριστικό style, αλλά η ιδιότητα cssText θα το ξαναγράψει:

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

Παράδειγμα

Για να μην ξαναγραφτούν τα προηγούμενα στυλ, μπορούμε να κάνουμε το εξής:

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

Δείτε επίσης

η μέθοδος getComputedStyle,
που παίρνει την τιμή της CSS ιδιότητας ενός στοιχείου