document.styleSheets[1].cssRules[1]

Acceseaza a doua regula a celei de a doua foaie de stil din document.

document.styleSheets[1].imports

Acceseaza toate foile de stil care sunt importate de a doua foaie de stil din document.

document.styleSheets[1].rules[1]

Acceseaza a doua regula a celei de a doua foaie de stil din document.

rules nu contine declaratii @import, in timp ce cssRules contine.

• IE nu considera @imports ca reguli, dar imparte selectori ca p#test, ul in doua reguli. Acest comportament persista in IE9, chiar daca cssRules functioneaza coect.

document.styleSheets[1]

Acceseaza a doua foaie de stil (legata sau inserata) din document.

document.styleSheets[1].addRule('pre', 'font: 14px verdana')

Adauga regula pre {font: 14px verdana} la a doua foaie de stil din document.

document.styleSheets[1].deleteRule(1)

Sterge a doua regula a celei de a doua foaie de stil din document.

var x = document.styleSheets[1];
x.insertRule('pre {font: 14px verdana}',x.cssRules.length)

Adauga regula pre {font: 14px verdana}in a doua foaie de stil din documenr la ultima pozitie(length a matricii cssRules ).

Din pacate al doilea argument este necesar. Ar trebui sa se impliciteze la cssRules.length.

document.styleSheets[1].removeRule(1)

Elimina a doua regula din a doua foaie de stil din document.

x.style.cssText

Returneaza tot stilul inline al elementului x.

document.styleSheets[1].cssText

Returneaza intregul continut al foii de stil.

document.styleSheets[1].cssRules[1].cssText

Returneaza intregul text al regulii (de exemplu pre {font: 14px verdana;}).

(Evident, IE necesita rules in loc de cssRules.)

document.styleSheets[1].cssRules[1].style.cssText

Returneaza toate declaratiile regulii(de exemplu font: 14px verdana;).

(Evident, IE necesita rules in loc de cssRules.)

document.styleSheets[1].disabled = true

Dezactiveaza a doua foaie de stil din document. (Setarea ca si false activeaza din nou foaia de stil).

document.styleSheet[0].href

Ia href-ul foii de stil. Aceasta este calea relativa in IE; un URL complet in alte browsere.

• IE pana la vs 8 va permite sa schimbati href-ul.

document.styleSheets[1].cssRules[1].selectorText

Ia textul selectorului a celeli de a doua reguli din a doua foaie de stil din document.

Notati ca unele browsere returneaza texte de selectori cu LITERE MARI chiar si cand foaia de stil contine selectori cu litere mici. Folositi selectorText.toLowerCase() pentru toate comparatiile.

• Opera va permite sa setati selectorText.
• IE imparte toti selectorii cu virgula in mai multe reguli(p#test, li devine doua reguli, una pentru p#test, una pentru li). Aceasta nu este calculata ca si bug in acest test; IE arata selectorText coect inconformitate cu regulile sale.
• IE9, totusi, persista in acest comportament chiar daca suportul sau pentru cssRules ar trebui sa fie in conformitate cu standardele si de aceea returneaza p#test, ul. Ce returneaza, totusi , este p#test. Presupun ca acesta este un bug in implementarea selectorText, si nu in foaie de stil propriu zisa(i.e. regula se aplica la ambele p#test si ul.)

document.createStyleSheet('extrastyle.css')

Creaza o alta foaie de stil si o introduce in matriceaappend it to the  styleSheets[] .

document.styleSheets[1].cssRules[1].style.getPropertyPriority('color')

Returneaza important cand stilul este marcat !important. Returneaza gol in caz contrar.

(Evident, IE necesita rules in loc de cssRules.)

document.getElementById('test').style.getPropertyValue('color')
document.styleSheets[1].cssRules[1].style.getPropertyValue('color')

Ia declaratia culoare a obiectului de stil. Aceasta functioneaza pe toate obiectele de stil. Binenteles, citirea style.color este mult mai facila.

document.styleSheets[1].ownerNode

Acceseaza nodulproprietarului foii de stil, de obicei un tag <link> sau <style>.

document.styleSheets[1].cssRules[1].parentStyleSheet

Acceseaza foaia de stil tata a regulii, care este din nou document.styleSheets[1].

document.styleSheets[1].cssRules[1].style.removeProperty('color')
document.getElementById('test').style.removeProperty('color')

Elimina declaratia de culoare din a doua regula a celei de a doua foaie de stil de pe pagina sau elementul cu ID="test".

• Opera refuza sa elimine ultima proprietate ramasa a regulii.

x.style.setProperty('color','#00cc00',null)
document.styleSheets[1].cssRules[1].style.setProperty('color','#00cc00',null)

Seteaza culoarea lui x sau a doua regula in a doua foaie de stil in verde.

Ca de obicei , null este necesar. (Valori implicite, careva?) Puteti folosii important in loc.