מחולל פריסת CSS

הציגו תצוגה מקדימה של פריסת Flexbox או Grid.

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

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

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

עברית

תוויות פריטים, כל תווית בשורה נפרדת

פריסה

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

עמודות Grid

מרווח (px)

גודל בסיס ב-Flexbox (px)

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

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

התוצאה שלכם

קוד המקור ב־HTML

עוד

קיצורי מקלדת

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

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

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

איך עובד מחולל פריסת CSS

צרו מתוויות פריטים פריסת Grid רספונסיבית או פריסת Flexbox עם גלישה לשורות נוספות. שנו את מספר עמודות ה-Grid, את המרווח או את גודל הבסיס ב-Flexbox, ואז העתיקו או הורידו את אותו מסמך HTML עצמאי שמשמש בתצוגה המקדימה.

הבא: סידור קוד CSS

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

הבא: בדיקת יחס ניגודיות WCAG

דוגמה

רשת בעלת שלוש עמודות משתמשת ב-repeat(3, minmax(0, 1fr)), כך שתוויות ארוכות יכולות להישבר לשורות בתוך עמודות ברוחב שווה. ב-Flexbox, הפריטים עוברים לשורות נוספות לפי גודל הבסיס המועדף והשטח הזמין.

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

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

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

ציטוט העמוד

סגנון הציטוט

ToolOctopus. “מחולל פריסת CSS.” עודכן 7 באוקטובר 2026. https://tooloctopus.com/he/מחולל-פריסת-css.

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

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