CSS 值和單位
每條 CSS 宣告都由一個屬性/值對組成。根據屬性的不同，值可以有多種形式，例如單個整數、關鍵字、函式或不同項的組合；有些值有單位，而有些則沒有。每個屬性也接受 CSS 全域性值。“CSS 值與單位”模組定義了 CSS 屬性接受的資料型別——值和單位。該模組還定義了 CSS 值定義語法，或稱形式文法，用於定義每個 CSS 屬性和函式的有效值集合。
參考
屬性
函式
abs()acos()asin()atan()atan2()attr()calc()calc-size()clamp()cos()exp()hypot()<ident()>if()inherit()log()max()min()mod()pow()progress()rem()round()sibling-count()sibling-index()sign()sin()sqrt()tan()url()
“CSS 值與單位”模組還引入了 calc-mix()、crossorigin()、first-valid()、integrity()、random()、random-item()、referrerpolicy()、src()、type() 和 toggle() 函式。目前，尚無瀏覽器支援這些特性。
資料型別
<angle-percentage><angle><animation-timeline><attr-name><attr-type><calc-keyword>(e,pi,infinity, NaN)<calc-size-basis><calc-sum><custom-ident><dashed-ident><dimension><easing-function><first-valid()><ident><integer><length-percentage><length><number><percentage><position><ratio><resolution><rounding-strategy>（down、up、to-zero）<string><syntax><time-percentage><time><url><url-modifier><view-timeline-name>
“CSS 值與單位”模組還引入了 <frequency> 和 <frequency-percentage> 資料型別。目前，尚無瀏覽器支援這些特性。
單位
%（百分比）capchcmdegdpcmdpidppxdvbdvhdvidvmaxdvmindvwemexgradHzicinkHzlhlvblvhlvilvmaxlvminlvwmmmspcptpxQradrcaprchremrexricrlhssvbsvhsvisvmaxsvminsvwturnvbvhvivmaxvminvwx
Flex 單位（fr）和容器單位（cqb、cqh、cqi、cqmax、cqmin、cqw）分別在 CSS 網格佈局和 CSS 條件規則模組中定義。
單位分類
- 絕對長度單位（
cm、in、mm、pc、pt、px、Q） - 角度單位（
deg、grad、rad、turn） - 預設視口單位（
vb、vh、vi、vmax、vmin、vw） - 動態視口單位（
dvb、dvh、dvi、dvmax、dvmin、dvw） - 頻率單位（
Hz、kHz） - 大視口百分比單位（
lvb、lvh、lvi、lvmax、lvmin、lvw） - 區域性字型相對長度單位（
cap、ch、em、ex、ic、lh） - 物理單位（
cm、in、mm、pc、pt、Q） - 相對長度單位（
cap、ch、em、ex、ic、lh、rem、rlh、vb、vh、vi、vmax、vmin、vw） - 解析度單位（
dpcm、dpi、dppx、x） - 根字型相對長度單位（
rcap、rch、rem、rex、ric、rlh） - 小視口百分比單位（
svb、svh、svi、svmax、svmin、svw） - 時間單位（
ms、s） - 視口單位（
dvh、dvw、lvh、lvw、svh、svw、vb、vh、vi、vmax、vmin、vw） - 視角單位（
px）
關鍵概念
指南
- CSS 資料型別
-
介紹定義了 CSS 屬性和函式所接受的典型值的 CSS 資料型別。
- 數字資料型別
-
概述數值資料型別，包括整數、數字、百分比和尺寸，以及相對和絕對尺寸、角度和時間單位。
- 文字資料型別
-
概述文字資料型別，包括預定義的關鍵字值、全域性 CSS 關鍵字值和 URL。
- CSS 值函式
-
概述了呼叫特殊資料處理或計算來為 CSS 屬性返回 CSS 值的 CSS 語句。
- 使用 CSS 數學函式
-
允許將屬性值寫成數學表示式的 CSS 數學函式。
- 值定義語法
-
用於定義 CSS 屬性和函式的有效值集合的形式文法。
- 使用 CSS 型別化算術
-
解釋 CSS 型別化算術行為及其啟用的用例。
- 學習：值和單位
-
介紹一些最常用的值型別，它們是什麼以及它們如何工作。
相關
規範
| 規範 |
|---|
| CSS 值與單位模組 Level 3 |
| CSS 值和單位模組第 4 級 |
| CSS 值和單位模組 Level 5 |