Javascript 速记css属性列表
我创建的JavaScript函数需要解析所有CSS值,这些值不一定附加“一”值。例如,Javascript 速记css属性列表,javascript,css,shorthand,Javascript,Css,Shorthand,我创建的JavaScript函数需要解析所有CSS值,这些值不一定附加“一”值。例如,margin:04px12px实际上是四个值(页边距顶部、页边距右侧等) 基本上,我只需要一个速记属性列表。然而,我不需要所有的速记css。我只需要可能被动画化的简写css(rgb、px、em等)。所以,我不关心边框:1px纯黑因为我不能设置实体动画。但我确实关心边框宽度,因为边框宽度是所有四个边框的简写 无论如何,我的清单包括: -边框宽度 -背景位置 -填充 -保证金 -边界半径 -盒影 -轮廓半径 -边框
margin:04px12px代码>实际上是四个值(页边距顶部、页边距右侧等)
基本上,我只需要一个速记属性列表。然而,我不需要所有的速记css。我只需要可能被动画化的简写css(rgb、px、em等)。所以,我不关心边框:1px纯黑代码>因为我不能设置实体动画。
但我确实关心边框宽度,
因为边框宽度是所有四个边框的简写
无论如何,我的清单包括:
-边框宽度
-背景位置
-填充
-保证金
-边界半径
-盒影
-轮廓半径
-边框颜色
-边框颜色
-文本阴影
-字体
那么,我错过了什么吗?你看,我不知道是否有任何模糊的属性,比如:神秘的颜色:红、绿、蓝、淡褐色代码>这是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
这是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
我想说“速记属性”是不对的。只是嵌入了多个值的属性。例如,背景位置或框阴影。这两个都不是速记,但都有多个值。我无法从源代码中轻松提取这些值:-/也许这个列表更有帮助?我想说“速记属性”是不对的。只是嵌入了多个值的属性。例如,背景位置或框阴影。这两个都不是速记,但都有多个值。我无法从源代码中轻松提取这些值:-/也许这个列表更有帮助?你曾经得到过这些属性的列表吗?W3C动画属性列表中包含了大部分,如果不是全部的话(我想)。答案评论中链接了它。你有没有得到这些属性的列表?W3C动画属性列表中有大多数,如果不是全部的话(我想)。答案评论中链接了它。