Tailwind CSS היא מסגרת ידועה המשמשת ליצירת דפי אינטרנט או עיצובים הניתנים להתאמה אישית ומגיבים. זה גם מאפשר למשתמשים לשלוט בפריסה ובריווח של אלמנטים מבלי לכתוב CSS מותאם אישית. ריפוד הוא הרווח בין התוכן של האלמנט המסוים לבין הגבול שלו. לפעמים משתמשים רוצים להחיל את אותה כמות ריפוד על כל צד של אלמנט. Tailwind מספקת כיתות שירות להחלת ריפוד על כל הצדדים של אלמנט, או על צדדים ספציפיים, כגון עליון, ימין, תחתון או שמאל.
מאמר זה ידגים את השיטה להוספת ריפוד לכל הצדדים של אלמנט ב-Tailwind.
כיצד להוסיף ריפוד לכל הצדדים ברוח הגבית?
כדי להוסיף ריפוד לכל הצדדים של אלמנט מסוים ב-Tailwind, צור מבנה HTML. לאחר מכן, השתמש במחלקת השירות 'p-
תחביר
< אֵלֵמֶנט מעמד = 'p-
החלף את ה-'
דוגמא
בדוגמה זו, יש לנו שני ' ב תְפוּקָה כדי להוסיף ריפוד לכל הצדדים של אלמנט ב-Tailwind, מחלקת השירות 'p-
< גוּף >
< div מעמד = 'bg-pink-600 p-8 w-max' >
ריפוד ב Tailwind CSS
div >
< br >
< div מעמד = 'bg-teal-600 p-14 w-max' >
ריפוד ב Tailwind CSS
div >
גוּף >
הנה, ב
על פי הפלט לעיל, הריפוד שצוין הוחל על כל הצדדים של שני המיכלים. סיכום