Μαζική ρύθμιση στυλ σε JavaScript

Μπορείτε να ορίσετε πολλά στυλ ταυτόχρονα με μία εντολή. Αυτό γίνεται με την ιδιότητα cssText:

elem.style.cssText = `
	width: 100px;
	height: 100px;
	display: block;
`;

Αυτή η ιδιότητα χρησιμοποιείται σπάνια, γιατί μια τέτοια ανάθεση διαγράφει όλα τα υπάρχοντα στυλ: δεν τα προσθέτει, αλλά τα αντικαθιστά. Μπορεί κατά λάθος να διαγράψετε κάτι απαραίτητο. Αλλά μπορείτε να τη χρησιμοποιήσετε, για παράδειγμα, για νέα στοιχεία, όταν γνωρίζουμε με βεβαιότητα ότι δεν θα διαγράψουμε υπάρχον στυλ.

Ξαναγράψτε τον κώδικα χρησιμοποιώντας την ιδιότητα που μάθαμε:

elem.style.width  = '100px';
elem.style.height = '100px';
elem.style.margin = '10px auto';
elem.style.color  = 'red';