liste des propriétés css abrégées

Question

Une fonction JavaScript que j'ai créée doit analyser toutes les valeurs CSS qui ne sont pas nécessairement associées à une valeur 'un'. Par exemple, margin:0 0 4px 12px; est en réalité quatre valeurs (marge supérieure, marge droite, etc.).

Fondamentalement, tout ce dont j'ai besoin est une liste des propriétés abrégées. Cependant, je n'ai pas besoin de tous les raccourcis css. J'ai juste besoin du raccourci css qui pourrait potentiellement être animé (rgb, px, em, etc). Donc, je ne me soucie pas de border:1px solid black; puisque je ne peux pas animer solid. Mais je me soucie de border-width, depuis border-width est raccourci pour les quatre frontières.

Quoi qu'il en soit, ma liste comprend:
- border-width
- background-position
- rembourrage
- Marge
- border-radius - box-shadow
- contour rayon
- border-color
- frontière-couleurs - text-shadow - font

Alors, j'en ai manqué? Vous voyez, je ne sais pas s'il y a des propriétés obscures qui sont comme: mystery-color:red green blue hazel pigbreath;

Answer 1

Ceci est une liste complète de toutes les propriétés sténographiques implémentées par Firefox, extraites du code source. Je ne sais pas lequel d'entre eux "pourrait potentiellement être animé" par votre JavaScript. J'ai éliminé ceux qui ne sont que des raccourcis pour des raisons internes trop compliquées pour entrer ici.

background 
border 
border-color 
border-style 
border-width 
border-top 
border-right 
border-bottom 
border-left 
cue 
font 
list-style 
margin 
marker 
-moz-border-start 
-moz-border-end 
-moz-border-radius 
-moz-column-rule 
-moz-outline-radius 
-moz-transition 
outline 
overflow 
padding 
pause