2

私が作成したJavaScript関数は、必ずしも「1つの」値が付加されていないすべてのCSS値を解析する必要があります。たとえば、margin:0 0 4px 12px;は実際には4つの値（margin-top、margin-rightなど）です。

基本的に、必要なのは省略形のプロパティのリストだけです。ただし、すべての速記CSSは必要ありません。アニメーション化できる可能性のある簡略化されたcss（rgb、px、emなど）が必要です。border:1px solid black;ですから、アニメートできないので気にしませんが、border-widthは4つの境界線すべての省略形なのでsolid.気にします。border-width,

とにかく、私のリストには次のものが含まれます：
-ボーダー-幅
-背景-位置
-パディング
-マージン
-ボーダー-半径-ボックス-シャドウ
-アウトライン-半径
-ボーダー-色
-ボーダー-色-テキスト-シャドウ-フォント

それで、私は何かを逃しましたか？ほら、次のようなあいまいなプロパティがあるかどうかはわかりません。mystery-color:red green blue hazel pigbreath;

4

1 に答える 1

9

これは、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
于 2010-08-11T01:22:17.290 に答える