我创建的一个 JavaScript 函数需要解析所有不一定附加“一个”值的 CSS 值。例如,margin:0 0 4px 12px;
实际上是四个值(margin-top、margin-right 等)。
基本上,我只需要一个速记属性列表。但是,我不需要所有速记 css。我只需要可能被动画化的速记 css(rgb、px、em 等)。所以,我不关心 border:1px solid black;
,因为我不能为 solid.
设置动画,但我关心 border-width,
code> 因为 border-width 是所有四个边框的简写。
无论如何,我的 list 包括:
- 边框宽度
- 背景位置
- 填充
- margin
- 边界半径
- 盒子阴影
- 轮廓半径
- 边框颜色
- 边框颜色
- 文字阴影
- 字体
那么,我错过了什么吗?你看,我不知道有没有像这样的晦涩属性:mystery-color:red green blue hazel pigbreath;
最佳答案
这是从源代码中提取的 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
关于javascript - 简写 css 属性列表,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/3454638/