თვისება 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;';

იხილეთ აგრეთვე