Список сокращенных свойств css

Question

Функция JavaScript, которую я создал, должна анализировать все значения CSS, которые не обязательно имеют привязанное к ним значение «один». Например, margin:0 0 4px 12px; фактически представляет собой четыре значения (margin-top, margin-right и т. Д.).

В принципе, все, что мне нужно, это список сокращенных свойств. Тем не менее, мне не нужны все сокращенные css. Мне просто нужен стринги css, которые потенциально могут быть анимированы (rgb, px, em и т. Д.). Итак, меня не волнует border:1px solid black;, так как я не могу анимировать solid. Но мне все равно border-width,, так как border-width является сокращением для всех четырех границ.

В любом случае, мой список включает в себя:
- граница ширина
- фон положения
- обивка
- запас
- граница радиус - коробчатая тень
- контур радиус
- граница цвета
- пограничные цвета - текст-тень - шрифт

Итак, я пропустил какой-нибудь? Понимаете, я не знаю, есть ли какие-то неясные свойства: mystery-color:red green blue hazel pigbreath;

Answer 1

Это полный список всех сокращенных свойств, реализованных Firefox, разорванный из исходного кода. Я не знаю, кто из них «потенциально может быть анимирован» вашим JavaScript. Я урезал те, которые являются только сокращенными по внутренним причинам, слишком сложным, чтобы войти сюда.

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