CSS xassəsi cssText
Xassə cssText CSS stillərini
kütləvi şəkildə bir sətirlə təyin etməyə imkan verir. Bununla
style atributunun
bütün məzmunu yenidən yazılır.
Sintaksis
element.style.cssText = 'xassə 1: dəyər; xassə 2: dəyər...'
Nümunə
Gəlin elementə bir neçə stil təyin edək:
<p id="elem"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 40px;';
Nümunə
Bu nümunədə elementdə əvvəlcədən
style atributunda stillər
olacaq, amma cssText xassəsi onu yenidən yazacaq:
<p id="elem" style="background: red;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText = 'color: red; font-size: 20px;';
Nümunə
Əvvəlki stillərin yenidən yazılmasının qarşısını almaq üçün bunu edə bilərsiniz:
<p id="elem" style="background: green;"></p>
let elem = document.querySelector('#elem');
elem.style.cssText += 'color: red; font-size: 20px;';
Həmçinin baxın
-
getComputedStylemetodu,
elementin CSS xassəsinin dəyərini əldə edir
