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

javascriptelement.style.cssText = 'xassə 1: dəyər; xassə 2: dəyər...'

Nümunə

Gəlin elementə bir neçə stil təyin edək:

html<p id="elem"></p>

javascriptlet 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:

html<p id="elem" style="background: red;"></p>

javascriptlet 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:

html<p id="elem" style="background: green;"></p>

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

Həmçinin baxın