list of shorthand css properties
A JavaScript function I made needs to parse all CSS values that don't necessarily have 'one' value attached to them. For example, margin:0 0 4px 12px;
is actually four values (margin-top, margin-right, etc).
Basically, all I need is a list of the shorthand properties. However, I don't need all shorthand css. I just need the shorthand css that could potentially be animated (rgb, px, em,etc). So, I don't care about border:1px solid black;
since I can't animate solid.
But开发者_如何学C I do care about border-width,
since border-width is shorthand for all four borders.
Anyways, my list includes:
- border-width - background-position - padding - margin - border-radius - box-shadow - outline-radius - border-color - border-colors - text-shadow - fontSo, did I miss any? You see, I don't know if there are any obscure properties that are like: mystery-color:red green blue hazel pigbreath;
This is a complete list of all shorthand properties implemented by Firefox, ripped from the source code. I don't know which of them "could potentially be animated" by your JavaScript. I've trimmed out the ones that are only shorthand for internal reasons too complicated to get into here.
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
精彩评论