مرجع وحدات CSS
| Unit | Name | Type | Description | Example |
|---|---|---|---|---|
| px | Pixels | absolute | One pixel on screen. The most basic unit. | font-size: 16px; |
| em | Em | relative | Multiple of the parent element font-size. | padding: 1.5em; |
| rem | Root Em | relative | Multiple of the root (html) element font-size. | margin: 2rem; |
| % | Percent | relative | Percentage relative to the corresponding parent property. | width: 50%; |
| vw | Viewport Width | viewport | 1% of the viewport width. | width: 100vw; |
| vh | Viewport Height | viewport | 1% of the viewport height. | height: 100vh; |
| vmin | Viewport Min | viewport | 1% of the smaller of vw and vh. | font-size: 5vmin; |
| vmax | Viewport Max | viewport | 1% of the larger of vw and vh. | width: 50vmax; |
| dvh | Dynamic VH | viewport | Dynamic viewport height (accounts for mobile address bar). | height: 100dvh; |
| svh | Small VH | viewport | Smallest viewport height. | min-height: 100svh; |
| lvh | Large VH | viewport | Largest viewport height. | max-height: 100lvh; |
| ch | Character | relative | Based on the width of the "0" character. | max-width: 60ch; |
| ex | X-Height | relative | Based on the height of the "x" character. | line-height: 2ex; |
| cm | Centimeters | absolute | Centimeters. For print. | width: 10cm; |
| mm | Millimeters | absolute | Millimeters. For print. | margin: 5mm; |
| in | Inches | absolute | Inches (1in = 96px). | width: 2in; |
| pt | Points | absolute | Points (1pt = 1/72in). | font-size: 12pt; |
| cqi | Container Inline | container | 1% of the container inline size. | font-size: 5cqi; |
| cqb | Container Block | container | 1% of the container block size. | padding: 2cqb; |
19개 표시 중
آخر تحديث: 2026 · أداة مجانية عبر الإنترنت
ما هو مرجع وحدات CSS؟
مرجع مجاني عبر الإنترنت لوحدات CSS مثل px وem وrem و% وvw وvh وvmin وvmax وch حسب الفئة، مع شرح واضح لمتى وكيفية استخدام كل وحدة مطلقة ونسبية في تصميمك.
كيفية الاستخدام
- 1الإدخال— أدخل البيانات المطلوبة.
- 2النتائج— راجع النتائج المعالجة.
- 3النسخ— انسخ النتائج لاستخدامها.
أدوات ذات صلة
ورقة مرجعية للتعبيرات المنتظمةورقة مرجعية مجانية وقابلة للبحث للتعبيرات النمطية تنظّم بناء جملة regex حسب فئات مثل الأحرف الوصفية والمكميات والمرابط والمجموعات، مع نسخ الأنماط بنقرة واحدة وتوافق regex مع JavaScript.
مرجع Git السريعورقة مرجعية مجانية لأوامر Git قابلة للبحث حسب الفئة، من الفروع والدمج إلى rebase وstash وreset، يعرض كل أمر طريقة الاستخدام ومستوى الخطورة لتجنب الأخطاء.
الأسئلة الشائعة
مرجع مجاني لوحدات CSS يشمل الطول والزاوية والوقت.
لا. تتم جميع المعالجة في متصفحك.
نعم، التصميم المتجاوب يعمل على الأجهزة المحمولة.