CSS屬性合寫

animation：[[ animation-name ] || [ animation-duration ] || [ animation-timing-function ] || [ animation-delay ] || [ animation-iteration-count ] || [ animation-direction ]]

[ animation-name ]： 檢索或設置對象所應用的動畫名稱

[ animation-duration ]： 檢索或設置對象動畫的持續時間

[ animation-timing-function ]： 檢索或設置對象動畫的過渡類型

[ animation-delay ]： 檢索或設置對象動畫延遲的時間

[ animation-iteration-count ]： 檢索或設置對象動畫的循環次數

[ animation-direction ]： 檢索或設置對象動畫在循環中是否反向運動

transform：none | matrix(<number>,<number>,<number>,<number>,<number>,<number>)? translate(<length>[,<length>])? translateX(<length>)? translateY(<length>)? rotate(<angle>)? scale(<number>[,<number>])? scaleX(<number>)? scaleY(<number>)? skew(<angle>[,<angle>])? skewX(<angle>) || skewY(<angle>)

none： 無轉換

matrix： 以一個含六值的(a,b,c,d,e,f)變換矩陣的形式指定一個2D變換，至關於直接應用一個[a,b,c,d,e,f]變換矩陣

translate(<length>[, <length>])： 指定對象的2D translation（2D平移）。第一個參數對應X軸，第二個參數對應Y軸。若是第二個參數未提供，則默認值爲0

translateX(<length>)： 指定對象X軸（水平方向）的平移

translateY(<length>)： 指定對象Y軸（垂直方向）的平移

rotate(<angle>)： 指定對象的2D rotation（2D旋轉），需先有transform-origin屬性的定義

scale(<number>[, <number>])： 指定對象的2D scale（2D縮放）。第一個參數對應X軸，第二個參數對應Y軸。若是第二個參數未提供，則默認取第一個參數的值

scaleX(<number>)： 指定對象X軸的（水平方向）縮放

scaleY(<number>)： 指定對象Y軸的（垂直方向）縮放

skew(<angle> [, <angle>])： 指定對象skew transformation（斜切扭曲）。第一個參數對應X軸，第二個參數對應Y軸。若是第二個參數未提供，則默認值爲0

skewX(<angle>)： 指定對象X軸的（水平方向）扭曲

skewY(<angle>)： 指定對象Y軸的（垂直方向）扭曲

transition：[ transition-property ] || [ transition-duration ] || [ transition-timing-function ] || [ transition-delay ]

[ transition-property ]： 檢索或設置對象中的參與過渡的屬性

[ transition-duration ]： 檢索或設置對象過渡的持續時間

[ transition-timing-function ]： 檢索或設置對象中過渡的動畫類型

[ transition-delay ]： 檢索或設置對象延遲過渡的時間

columns：[ column-width ] || [ column-count ]

[ column-width ]： 設置或檢索對象每列的寬度

[ column-count ]： 設置或檢索對象的列數

border：[ border-width ] || [ border-style ] || [ border-color ]  //通過測試，border-style與border-color互換位置也可

[ border-width ]： 設置或檢索對象邊框寬度。

[ border-style ]： 設置或檢索對象邊框樣式。

[ border-color ]： 設置或檢索對象邊框顏色。

font：[ [ <font-style> || <font-variant> || <font-weight> ]? <font-size> [ / <line-height> ]? <font-family> ] | caption | icon | menu | message-box | small-caption | status-bar

<font-style>：指定文本字體樣式

<font-variant>：指定文本是否爲小型的大寫字母

<font-weight>： 指定文本字體的粗細

<font-size>： 指定文本字體尺寸

<line-height>： 指定文本字體的行高

<font-family>： 指定文本使用某個字體或字體序列

caption： 使用有標題的系統控件的文本字體（如按鈕，菜單等）（CSS2）

icon： 使用圖標標籤的字體（CSS2）

menu： 使用菜單的字體（CSS2）

message-box： 使用信息對話框的文本字體（CSS2）

small-caption： 使用小控件的字體（CSS2）

status-bar： 使用窗口狀態欄的字體（CSS2）

background：[ <bg-layer>, ]* <final-bg-layer>

<bg-layer> = [ background-image ] || [ background-position ] [ / background-size ]? || [ background-repeat ] || [ background-attachment ] || [ [ background-origin ] || [ background-clip ] ]{1,2}

<final-bg-layer> = [ background-color ] || [ background-image ] || [ background-position ] [ / background-size ]? || [ background-repeat ] || [ background-attachment ] || [ [ background-origin ] || [ background-clip ] ]{1,2}

//通過測試，background-position放在background-repeat以後也可

[ background-color ]： 指定對象的背景顏色。

[ background-image ]： 指定對象的背景圖像。能夠是真實圖片路徑或使用漸變建立的「背景圖像」

[ background-repeat ]： 指定對象的背景圖像如何鋪排填充。

[ background-attachment ]： 指定對象的背景圖像是隨對象內容滾動仍是固定的。

[ background-position ]： 指定對象的背景圖像位置。

[ background-origin ]： 指定對象的背景圖像顯示的原點。

[ background-clip ]： 指定對象的背景圖像向外裁剪的區域。

[ background-size ]： 指定對象的背景圖像的尺寸大小。

margin：[ <length> | <percentage> | auto ]{1,4}

auto：值被設置爲相對邊的值

<length>： 用長度值來定義外補白。能夠爲負值

<percentage>： 用百分比來定義外補白。能夠爲負值

檢索或設置對象四邊的外延邊距。

• 若是提供所有四個參數值，將按上、右、下、左的順序做用於四邊。
• 若是隻提供一個，將用於所有的四邊。
• 若是提供兩個，第一個用於上、下，第二個用於左、右。
• 若是提供三個，第一個用於上，第二個用於左、右，第三個用於下。
• 內聯對象能夠使用該屬性設置左、右兩邊的外補丁；若要設置上、下兩邊的外補丁，必須先使該對象表現爲塊級或內聯塊級。
• 外延邊距始終透明。

padding同理

list-style：[ list-style-image ] || [ list-style-position ] || [ list-style-type ]  //ps:經測試屬性值的順序不影響最終效果

[ list-style-image ]： 設置或檢索做爲對象的列表項標記的圖像

[ list-style-position ]： 設置或檢索做爲對象的列表項標記如何根據文本排列

[ list-style-type ]： 設置或檢索對象的列表項所使用的預設標記