CSS Length Data Types and Units

長度取值 Length Data Types

長度取值 版本 描述
<length> CSS2 <number>長度單位

長度單位 Length Units

長度單位 版本 描述
文字相對長度單位 Font-relative Length Units
em CSS1 相對於目前物件內文字的字體尺寸
ex CSS1 相對於字符“x”的高度。通常為字體高度的一半
ch CSS3 數字“0”的寬度
rem CSS3 相對於根元素(即html元素)font-size計算值的倍數
視口相對長度單位 Viewport-relative Length Units
vw CSS3 相對於視口的寬度。視口被均分為100單位的vw
vh CSS3 相對於視口的高度。視口被均分為100單位的vh
vmax CSS3 相對於視口的寬度或高度,總是相對於大的那個。視口的寬度或高度被均分為100單位的vmax
vmin CSS3 相對於視口的寬度或高度,總是相對於小的那個。視口的寬度或高度被均分為100單位的vmin
絕對長度單位 Absolute Length Units
cm CSS1 厘米
mm CSS1 毫米
q CSS3 1/4毫米(quarter-millimeters); 1q = 0.25mm
in CSS1 英寸(inches); 1in = 2.54cm
pt CSS1 點(points); 1pt = 1/72in
pc CSS1 派卡(picas); 1pc = 12pt
px CSS1 像素(pixels); 1px = 1/96in