מדריך יחידות CSS
עיינו בכל יחידת CSS — מוחלטת (px, cm, pt), יחסית לגופן (em, rem, ch), חלונית תצוגה (vw, dvh), שאילתת מכל, רשת (fr), זווית, זמן ורזולוציה — במדריך הניתן לחיפוש וסינון לפי סוג, עם תיאור, הערת "מתי להשתמש" וטוקנים מוכנים להעתקה. בדפדפן שלכם, בחינם.
כל יחידת CSS, מוסברת. הכול פועל בדפדפן שלכם ממדריך מובנה — שום דבר אינו נשלח לשרת.
אודות מדריך יחידות CSS
מדריך יחידות ה-CSS מתעד כל יחידה שהשפה מציעה — 45 בסך הכל — מאורגנות לפי סוג: יחידות מוחלטות כמו px, cm ו-pt; יחידות יחסיות לגופן כמו em, rem, ch ו-lh; יחידות אזור תצוגה מ-vw ו-vh ועד היחידות החדשות יותר svh, lvh ו-dvh; יחידות שאילתת מכולה כמו cqw ו-cqi; יחידת ה-grid בשם fr; בתוספת זווית, זמן, רזולוציה ואחוזים.
כל כרטיס נותן יותר מהגדרה: אסימון היחידה בגופן מרווח קבוע הניתן להעתקה, שמה המלא, קטגוריה שלה, תיאור בשפה פשוטה של איך היא מחושבת, והערת "מתי להשתמש" מעשית האומרת היכן היחידה מרוויחה את מקומה — והיכן יחידה אחרת משרתת טוב יותר.
החיפוש תואם אסימונים, שמות ומשמעויות, כך ש-rem, viewport width ו-root כולם מוצאים את היחידות שלהם, ותגי סוג מסננים את הרשת לקבוצה אחת. הכל רץ בדפדפן שלכם ממדריך מובנה, ללא שליחת דבר לשרת.
כיצד להשתמש ב-מדריך יחידות CSS
- חפשו יחידה לפי אסימון, שם או משמעות — לדוגמה rem, viewport width או זווית.
- השתמשו בתגי הסוג כדי לסנן את הרשת ליחידות מוחלטות, יחסיות לגופן, אזור תצוגה, מכולה, grid, זווית, זמן, רזולוציה או אחוזים.
- קראו את התיאור של כל יחידה ואת הערת "מתי להשתמש" שלה כדי לבחור את הנכונה.
- לחצו על כפתור ההעתקה כדי לקבל את אסימון היחידה עבור גיליון הסגנונות שלכם.