מחשבון CSS clamp

צרו כלל CSS לגודל שמשתנה ברציפות עם רוחב התצוגה.

במכשיר שלכם · ללא חשבון

מחשבון CSS clamp מעבד את הקלט שלכם בדפדפן הזה. הקלט והתוצאות אינם נכללים בנתוני האנליטיקה. רשימת הכלים האחרונים שומרת שמות כלים, מספרי ביקורים ומועדי ביקור אחרון. רשימת הכלים השמורים שומרת רק את שמותיהם. שמירת טיוטה היא לבחירתכם ונשארת במכשיר הזה; אפשר למחוק טקסט שמור באמצעות פקדי הטיוטה. טעינת טקסט מכתובת URL היא לבחירתכם ויוצרת קשר עם אותו שרת; כתובת ה־URL וכתובת ה־IP שלכם גלויות לשרת. הפעולה האופציונלית ״שימוש ב־״ שומרת בלשונית הזאת נתונים להעברה לכלי הבא. הכלי הבא מסיר אותם עם פתיחתו ומתעלם מהם אם חלפה יותר מדקה.

״העתקת קישור״ כוללת בכתובת את הקלט שבחרתם לשתף. כל מי שיש לו את הקישור יכול לפתוח שוב את הקלט הזה. קבצים ותוצאות שנוצרו אינם נכללים. כלי סיסמאות ומפתחות משתפים הגדרות בלבד.

עברית

הקלט שלכם

אפשרויות וקובץ מהמכשיר

גודל מרבי (px)

רוחב מינימלי של אזור התצוגה (px)

רוחב מרבי של אזור התצוגה (px)

פתיחת קובץ טקסט מהמכשיר

ההגדרות הנוספות חלות רק על הלשונית הזו.

התוצאה שלכם

עוד

קיצורי מקלדת

על קישורים ואיפוס

הקישורים כוללים את הקלט וההגדרות שלכם. כל מי שמחזיק בקישור יכול לראות אותם, לכן אין לכלול טקסט פרטי. קבצים ותוצאות שנוצרו אינם כלולים; הגרלות אקראיות מתבצעות מחדש.

האיפוס טוען מחדש את הכלי עם ערכי ההתחלה, סוגר קבצים פתוחים ומשחרר את השליטה בהתקנים. טיוטות שנשמרו נשארות במכשיר הזה עד שמוחקים אותן.

איך עובד מחשבון CSS clamp

צרו ביטוי clamp() משני זוגות של גודל ורוחב אזור תצוגה. האיבר האמצעי משתנה בקו ישר; ערכי המינימום והמקסימום מגבילים את התוצאה מחוץ לטווח שנבחר.

הבא: ממיר PX ל־REM

הבא: מחשבון ספציפיות CSS

דוגמה

גודל של 16px ברוחב תצוגה של 400px וגודל של 32px ברוחב של 1200px יוצרים את הביטוי clamp(16px, 8px + 2vw, 32px). ברוחב תצוגה של 800px, התוצאה היא 24px.

לפני השימוש בתוצאה

הכלי יוצר כלל המבוסס על פיקסלים, עם עיגול לשש ספרות אחרי הנקודה העשרונית. בדקו את שינוי גודל הטקסט ואת הפריסה בהגדלה; החישוב אינו מבטיח נגישות או התאמה לכל גופן.

עודכן 7 באוקטובר 2026

ציטוט העמוד

סגנון הציטוט

ToolOctopus. “מחשבון CSS clamp.” עודכן 7 באוקטובר 2026. https://tooloctopus.com/he/מחשבון-css-clamp.

אם ההנחיות דורשות זאת, יש להוסיף תאריך גישה.

הציטוטים מעוצבים באמצעות citeproc-js של Frank Bennett וסגנונות Citation Style Language. רישיון וקוד מקור.