CSS 参考手冊

CSS @規則(RULES)

CSS 属性完全指南

CSSアニメーション属性

以下の部分はCSSで設定可能なアニメーション属性をリストアップしています。

CSS3に属するアニメーション属性を含んでいます

以下の部分は最新のCSS3規範に基づくアニメーション可能な属性の完全なリスト。すべての属性はアルファベット順に並べられています。

属性	アニメーション可能な	テスト
`background`	すべての属性を表示	例
`background-color`	色として	例
`background-position`	長さ、パーセンテージまたはcalc()の簡単なリストのリストとして	例
`background-size`	長さ、パーセンテージまたはcalc()の簡単なリストのリストとして	例
`border`	すべての属性を表示	例
`border-bottom`	すべての属性を表示	例
`border-bottom-color`	色として	例
`border-bottom-left-radius`	長さ、パーセンテージまたはcalc()として	例
`border-bottom-right-radius`	長さ、パーセンテージまたはcalc()として	例
`border-bottom-width`	長さとして	例
`border-color`	色として	例
`border-left`	すべての属性を表示	例
`border-left-color`	色として	例
`border-left-width`	長さとして	例
`border-radius`	すべての属性を表示	例
`border-right`	すべての属性を表示	例
`border-right-color`	色として	例
`border-right-width`	長さとして	例
`border-spacing`	長さの簡単なリストとして	例
`border-top`	すべての属性を表示	例
`border-top-color`	色として	例
`border-top-left-radius`	長さ、パーセンテージまたはcalc()として	例
`border-top-right-radius`	長さ、パーセンテージまたはcalc()として	例
`border-top-width`	長さとして	例
`bottom`	長さ、パーセンテージまたはcalc()として	例
`box-shadow`	shadowリストとして	例
`clip`	矩形として	例
`color`	色として	例
`column-count`	整数として	例
`column-gap`	長さとして	例
`column-rule`	すべての属性を表示	例
`column-rule-color`	色として	例
`column-rule-width`	長さとして	例
`column-width`	長さとして	例
`columns`	すべての属性を表示	例
`flex`	すべての属性を表示	例
`flex-basis`	長さ、パーセンテージまたはcalc()として	例
`flex-grow`	数字として	例
`flex-shrink`	数字として	例
`font`	すべての属性を表示	例
`font-size`	長さとして	例
`font-size-adjust`	数字として	例
`font-stretch`	フォントの拡張として	例
`font-weight`	フォントの太さとして	例
`height`	長さ、パーセンテージまたはcalc()として	例
`left`	長さ、パーセンテージまたはcalc()として	例
`letter-spacing`	長さとして	例
`line-height`	数字または長さとして	例
`margin`	長さとして	例
`margin-bottom`	長さとして	例
`margin-left`	長さとして	例
`margin-right`	長さとして	例
`margin-top`	長さとして	例
`max-height`	長さ、パーセンテージまたはcalc()として	例
`max-width`	長さ、パーセンテージまたはcalc()として	例
`min-height`	長さ、パーセンテージまたはcalc()として	例
`min-width`	長さ、パーセンテージまたはcalc()として	例
`opacity`	数字として	例
`order`	整数として	例
`outline`	すべての属性を表示	例
`outline-color`	色として	例
`outline-offset`	長さとして	例
`outline-width`	長さとして	例
`padding`	長さとして	例
`padding-bottom`	長さとして	例
`padding-left`	長さとして	例
`padding-right`	長さとして	例
`padding-top`	長さとして	例
`perspective`	長さとして	例
`perspective-origin`	長さ、パーセンテージまたはcalc()の簡単なリストとして	例
`right`	長さ、パーセンテージまたはcalc()として	例
`text-decoration-color`	色として	例
`text-indent`	長さ、パーセンテージまたはcalc()として	例
`text-shadow`	shadowリストとして	例
`top`	長さ、パーセンテージまたはcalc()として	例
`transform`	変換として	例
`transform-origin`	長さ、パーセンテージまたはcalc()の簡単なリストとして	例
`vertical-align`	長さとして	例
`visibility`	可視性	例
`width`	長さ、パーセンテージまたはcalc()として	例
`word-spacing`	長さとして	例
`z-index`	整数として	例

CSS色値 CSS @規則（At）-rules)