อ้างอิงหน่วย CSS
เรียกดูหน่วย CSS ทุกหน่วย — สัมบูรณ์ (px, cm, pt), อิงฟอนต์ (em, rem, ch), วิวพอร์ต (vw, dvh), container-query, กริด (fr), มุม เวลา และความละเอียด — ในแหล่งอ้างอิงที่ค้นหาและกรองตามชนิดได้ พร้อมคำอธิบาย หมายเหตุ "เมื่อไรควรใช้" และโทเค็นที่พร้อมคัดลอก ในเบราว์เซอร์ ฟรี
ทุกหน่วย CSS พร้อมคำอธิบาย ทุกอย่างทำงานในเบราว์เซอร์ของคุณจากแหล่งอ้างอิงในตัว — ไม่มีการส่งข้อมูลไปยังเซิร์ฟเวอร์
เกี่ยวกับ อ้างอิงหน่วย CSS
ตัวอ้างอิงหน่วย CSS (CSS Units Reference) นี้บันทึกหน่วยทุกตัวที่ภาษามีให้ใช้ รวม 45 หน่วย จัดกลุ่มตามประเภท ได้แก่ หน่วยสัมบูรณ์ (absolute) เช่น px, cm และ pt หน่วยสัมพัทธ์กับฟอนต์ (font-relative) เช่น em, rem, ch และ lh หน่วยวิวพอร์ต (viewport) ตั้งแต่ vw และ vh ไปจนถึง svh, lvh และ dvh ที่ใหม่กว่า หน่วยของ container-query เช่น cqw และ cqi หน่วย fr ของกริด รวมถึงมุม เวลา ความละเอียด และเปอร์เซ็นต์
แต่ละการ์ดให้ข้อมูลมากกว่าคำนิยาม: ตัวหน่วยที่คัดลอกได้แบบ monospace ชื่อเต็ม หมวดหมู่ คำอธิบายวิธีคำนวณแบบภาษาง่าย ๆ และหมายเหตุ “เมื่อใดควรใช้” ที่บอกว่าหน่วยนี้เหมาะกับกรณีใด และเมื่อใดควรเลือกหน่วยอื่นแทน
การค้นหาจับคู่ทั้งตัวหน่วย ชื่อ และความหมาย ดังนั้น rem, viewport width และ root ล้วนหาหน่วยของตัวเองเจอ และชิปประเภทกรองกริดให้เหลือเฉพาะตระกูลเดียว ทุกอย่างทำงานในเบราว์เซอร์ของคุณจากตัวอ้างอิงในตัว โดยไม่มีข้อมูลใดถูกส่งไปยังเซิร์ฟเวอร์
วิธีใช้ อ้างอิงหน่วย CSS
- ค้นหาหน่วยด้วยตัวหน่วย ชื่อ หรือความหมาย เช่น rem, viewport width หรือ angle
- ใช้ชิปประเภทเพื่อกรองกริดให้เหลือหน่วยสัมบูรณ์ สัมพัทธ์กับฟอนต์ วิวพอร์ต container กริด มุม เวลา ความละเอียด หรือเปอร์เซ็นต์
- อ่านคำอธิบายและหมายเหตุ “เมื่อใดควรใช้” ของแต่ละหน่วยเพื่อเลือกหน่วยที่เหมาะสม
- คลิกปุ่มคัดลอกเพื่อนำตัวหน่วยไปใช้ในสไตล์ชีตของคุณ