Javascript Girl
  1. Javascript Girl
  3. Comment puis-je obtenir toutes les propriétés CSS prises en charge dans WebKit?
Intereting Posts
JS Window Global Object Masquer la page en cours de chargement avec pace.js Relations entre parenthèses entre parents et enfants à Aurelia Connexion Facebook sans pop-up? Comment combiner un ensemble d'objets en version javascript? Comment puis-je envoyer une entrée "fichier" sans bouton de soumission avec JavaScript? Tableau de jauge en Javascript ou jQuery Flot Le type est indéfini MVC AJAX Script Pourquoi mon gestionnaire d'événements provoque-t-il une erreur «n'est-elle pas une fonction», mais fonctionne à partir de la console Firebug? Retourner une promesse qui promet de lancer une erreur Caméra phonegap ne charge pas l'image dans l'étiquette <img> Masquer div avec classe spécifique pendant la chargement de la page, puis afficher à nouveau après la charge Paramètres de passage vers XMLHttpRequest Objet Remplacer le texte sélectionné dans Firefox Make Knockout applyBindings pour traiter les options sélectionnées en tant que numéro

Comment puis-je obtenir toutes les propriétés CSS prises en charge dans WebKit?

Dans Firefox, Opera et IE, je peux les obtenir via: 

  >> pour (k dans document.body.style) console.log (k)
 -> opacité
    Contexte
    la taille
    TextAlign
    .
    ... longue liste ...
    .
    PointerEvents

Dans WebKit, le résultat est très différent: 

  >> pour (k dans document.body.style) console.log (k)
 -> cssText
    longueur
    ParentRule
    GetPropertyValue
    GetPropertyCSSValue
    RemoveProperty
    GetPropertyPriority
    SetProperty
    article
    GetPropertyShorthand
    IsPropertyImplicit

Mise à jour: le dernier WebKit énumère sur les propriétés CSS dans HTMLElement.style de la même manière que tous les navigateurs sur.

La réponse est 

  >> document.defaultView.getComputedStyle (document.body, '')
 -> CSSStyleDeclaration
    0: "background-attachment"
    1: "background-clip"
    2: "couleur de fond"
    3: "background image"
    4: "fond-origine"
    5: "position de fond"
    6: "background-repeat"
    7: "background-size"
    8: "border-bottom-color"
    9: "border-bottom-left-radius"
    ...

Merci à Anton Byrna pour sa solution .

Un problème persiste: getComputedStyle() ne renvoie pas de raccourcis comme l' background – background et la border .

Je ne suis pas sûr de l'accès Javascript, mais vous pouvez consulter toutes les propriétés prises en charge (même les propriétaires) ici: noms de propriétés CSS .