Gestion des propriétés CSS inconnues

Imaginons le cas suivant :

   1:  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
   2:  <html>
   3:      <head><title>Test</title></head>
   4:      <body>
   5:          <div 
   6:            style="undefined: yes; -undefined2: yes"
   7:            onclick="alert(
   8:              // Style normal (camelCase)
   9:              this.style['undefined']+';'+
  10:              
  11:              // Style avec son -
  12:              this.style['-undefined2']+';'+
  13:              
  14:              // Style en camlecase
  15:              this.style['Undefined2']+';'+
  16:              
  17:              // Style sans son -
  18:              this.style['undefined2']
  19:            )"
  20:          >
  21:              Some text    
  22:          </div>
  23:      </body>
  24:  </html>

Quelle sera la réaction des différents navigateurs modernes ?

Internet Explorer

Version 7.0

Yes; Yes; Undefined: Undefined affiché

IE 7.0 prend en compte les css inconnus

IE 7.0 préserve les "-" des css inconnus

IE 7.0 ne tient pas compte des règles du camelCase des CSS en JavaScript

this.style.cssText = "undefined: yes; -undefined2: yes;"

Version 6.0 et moins

Yes; Undefined; Undefined; Yes affiché

IE 6.0 prend en compte les css inconnus

IE 6.0 ne tient pas compte du "-" INITIAL contenu dans le CSS inconnu mais bien des autres

IE 6.0 ne tient pas compte des règles du camelCase des CSS en JavaScript

this.style.cssText = "undefined: yes; undefined2: yes;"

FireFox 2.x; Opera 9.x et Safari 3.0

Undefined; Undefined; Undefined; Undefined;

Tous ces navigateurs ne tiennent pas compte des css inconnus.

En conséquence, ces pseudo-styles ne sont pas accessibles via JavaScript.

this.style.cssText ne contient pas les CSS inconnus

Ce post vous a plu ? Ajoutez le dans vos favoris pour ne pas perdre de temps à le retrouver le jour où vous en aurez besoin :
Publié 06 février 08 07:45 par FREMYCOMPANY
Classé sous : , ,

Commentaires

Pas de commentaires
Les commentaires anonymes sont désactivés

About FREMYCOMPANY

François REMY est un jeune développeur belge plein d'entrain qui traite surtout des technologies du web et de DotNet dans ses articles.


Les 10 derniers blogs postés

- Merci par Blog de Jérémy Jeanson le 10-01-2019, 20:47

- Office 365: Script PowerShell pour auditer l’usage des Office Groups de votre tenant par Blog Technique de Romelard Fabrice le 04-26-2019, 11:02

- Office 365: Script PowerShell pour auditer l’usage de Microsoft Teams de votre tenant par Blog Technique de Romelard Fabrice le 04-26-2019, 10:39

- Office 365: Script PowerShell pour auditer l’usage de OneDrive for Business de votre tenant par Blog Technique de Romelard Fabrice le 04-25-2019, 15:13

- Office 365: Script PowerShell pour auditer l’usage de SharePoint Online de votre tenant par Blog Technique de Romelard Fabrice le 02-27-2019, 13:39

- Office 365: Script PowerShell pour auditer l’usage d’Exchange Online de votre tenant par Blog Technique de Romelard Fabrice le 02-25-2019, 15:07

- Office 365: Script PowerShell pour auditer le contenu de son Office 365 Stream Portal par Blog Technique de Romelard Fabrice le 02-21-2019, 17:56

- Office 365: Script PowerShell pour auditer le contenu de son Office 365 Video Portal par Blog Technique de Romelard Fabrice le 02-18-2019, 18:56

- Office 365: Script PowerShell pour extraire les Audit Log basés sur des filtres fournis par Blog Technique de Romelard Fabrice le 01-28-2019, 16:13

- SharePoint Online: Script PowerShell pour désactiver l’Option IRM des sites SPO non autorisés par Blog Technique de Romelard Fabrice le 12-14-2018, 13:01




Search

Go

Ce blog

Abonnements