1. 程式人生 > >css3常用屬性

css3常用屬性

cor pos ott file ani pla 書簽 iteration break

CSS3 動畫屬性(Animation)

@keyframes //規定動畫。

animation //所有動畫屬性的簡寫屬性,除了 animation-play-state 屬性。

animation-name //規定 @keyframes 動畫的名稱。

animation-duration //規定動畫完成一個周期所花費的秒或毫秒。

animation-timing-function //規定動畫的速度曲線。

animation-delay //規定動畫何時開始。

animation-iteration-count //規定動畫被播放的次數。

animation-direction //規定動畫是否在下一周期逆向地播放。

animation-play-state //規定動畫是否正在運行或暫停。

animation-fill-mode //規定對象動畫時間之外的狀態。


CSS 背景屬性(Background)

background  //在一個聲明中設置所有的背景屬性。

background-attachment //設置背景圖像是否固定或者隨著頁面的其余部分滾動。

background-color   //設置元素的背景顏色。

background-image //設置元素的背景圖像。

background-position  //設置背景圖像的開始位置。

background-repeat  //設置是否及如何重復背景圖像。

background-clip   //規定背景的繪制區域。

background-origin  //規定背景圖片的定位區域。

background-size  //規定背景圖片的尺寸。


CSS 邊框屬性(Border 和 Outline)

border //在一個聲明中設置所有的邊框屬性。

border-bottom //在一個聲明中設置所有的下邊框屬性。

border-bottom-color //設置下邊框的顏色。

border-bottom-style //設置下邊框的樣式。

border-bottom-width //設置下邊框的寬度。

border-color //設置四條邊框的顏色。

border-left //在一個聲明中設置所有的左邊框屬性。

border-left-color //設置左邊框的顏色。

border-left-style //設置左邊框的樣式。

border-left-width //設置左邊框的寬度。

border-right //在一個聲明中設置所有的右邊框屬性。

border-right-color  //設置右邊框的顏色。

border-right-style //設置右邊框的樣式。

border-right-width  //設置右邊框的寬度。

border-style //設置四條邊框的樣式。

border-top //在一個聲明中設置所有的上邊框屬性。

border-top-color //設置上邊框的顏色。

border-top-style //設置上邊框的樣式。

border-top-width //設置上邊框的寬度。

border-width //設置四條邊框的寬度。

outline //在一個聲明中設置所有的輪廓屬性。

outline-color //設置輪廓的顏色。

outline-style //設置輪廓的樣式。

outline-width  //設置輪廓的寬度。

border-bottom-left-radius //定義邊框左下角的形狀。

border-bottom-right-radius //定義邊框右下角的形狀。

border-image //簡寫屬性,設置所有

border-image-* 屬性。

border-image-outset //規定邊框圖像區域超出邊框的量。

border-image-repeat //圖像邊框是否應平鋪(repeated)、鋪滿(rounded)或拉伸(stretched)

border-image-slice //規定圖像邊框的向內偏移。

border-image-source //規定用作邊框的圖片。

border-image-width //規定圖片邊框的寬度。

border-radius //簡寫屬性,設置所有四個

border-*-radius 屬性。

border-top-left-radius //定義邊框左上角的形狀。

border-top-right-radius //定義邊框右下角的形狀。

box-decoration-break //

box-shadow //向方框添加一個或多個陰影。

Box 屬性

overflow-x //如果內容溢出了元素內容區域,是否對內容的左/右邊緣進行裁剪。

overflow-y //如果內容溢出了元素內容區域,是否對內容的上/下邊緣進行裁剪。

overflow-style //規定溢出元素的首選滾動方法。

Rotation  //圍繞由rotation-point 屬性定義的點對元素進行旋轉。

rotation-point  //定義距離上左邊框邊緣的偏移點。

Color 屬性

color-profile //允許使用源的顏色配置文件的默認以外的規範。

opacity //規定書簽的級別。




css3常用屬性