顏色值 Color Type Values

Name
名稱CSS Version
版本Description
簡介

Color Name	CSS1	用顏色名稱來指定顏色。包括基本顏色關鍵字、系統顏色、SVG顏色關鍵字等
HEX	CSS1	十六進制記法。語法如：#rrggbb或#rgb
RGB	CSS2	rgb記法
RGBA	CSS3	rgba記法
HSL	CSS3	hsl記法
HSLA	CSS3	hsla記法
transparent	CSS1/CSS3	全透明

紫色 鏈接表示該屬性在CSS3有修改或者增加了新的屬性值；橙色 鏈接表示該屬性是CSS3新增屬性

文本值 CSS Textual Data Type Values

Name
名稱CSS Version
版本Description
簡介

<string>	CSS2	字符串(含轉義字符串)。
<url>	CSS2	在網頁上提供一個資源地址。（圖像，聲頻，視頻或瀏覽器支持的其他任何資源）
<identifier>	CSS2	使用用戶自定義標識名作為組件取值。

函數值 CSS Functional Notations Type Values

Name
名稱CSS Version
版本Description
簡介

counter()	CSS2/3	插入計數器。
attr()	CSS2/3	插入元素的屬性值。
calc()	CSS3	用于動態計算長度值。
min()	CSS3	用于比較數值的大小并取出最小的那個。
max()	CSS3	用于比較數值的大小并取出最大的那個。
cycle()	CSS3	允許子孫元素使用取值序列中的值循環替換繼承而來的值。

Name
名稱CSS Version
版本Description
簡介

linear-gradient()	CSS3	用線性漸變創建圖像。
radial-gradient()	CSS3	用徑向漸變創建圖像。
repeating-linear-gradient()	CSS3	用重復的線性漸變創建圖像。
repeating-radial-gradient()	CSS3	用重復的徑向漸變創建圖像。

數字值 CSS Numeric Data Type Values

Name
名稱CSS Version
版本Description
簡介

<number>	CSS2	浮點數。
<integer>	CSS2	整數。

其它類型值 CSS Other Data Types Values

Name
名稱CSS Version
版本Description
簡介

<length>	CSS2	<number>接長度單位。
<percentage>	CSS2	<number>接%
<angle>	CSS3	<number>接角度單位。
<time>	CSS3	<number>接時間單位。
<frequency>	CSS3	<number>接頻率單位。
<fraction>	CSS3	<number>接剩余空間數單位。
<grid>	CSS3	<number>接網格數單位。

顏色值 Color Type Values

Name
名稱CSS Version
版本Description
簡介

Color Name	CSS1	用顏色名稱來指定顏色。包括基本顏色關鍵字、系統顏色、SVG顏色關鍵字等
HEX	CSS1	十六進制記法。語法如：#rrggbb或#rgb
RGB	CSS2	rgb記法
RGBA	CSS3	rgba記法
HSL	CSS3	hsl記法
HSLA	CSS3	hsla記法
transparent	CSS1/CSS3	全透明

紫色 鏈接表示該屬性在CSS3有修改或者增加了新的屬性值；橙色 鏈接表示該屬性是CSS3新增屬性

轉載于:https://www.cnblogs.com/waitingforbb/p/7107923.html

總結

以上是生活随笔為你收集整理的css取值的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。