כיצד ליישם ריפוד ב- CSS עם דוגמאות

ריפוד הוא אחד ההיבטים החשובים ביותר של ו . במאמר זה נדון בחשיבות השימוש בריפוד ב- CSS בסדר הבא:

• מה זה ריפוד ב- CSS?
• מאפייני ריפוד

מה זה ריפוד ב- CSS?

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

אם הערך עובר בירושה זה יהיה ריפוד זהה לזה של האב. כאן אם משתמשים באחוזים, האחוז הוא של התיבה המכילה.

מאפייני ריפוד

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

• תחתון ריפוד: הוא מציין את הריפוד התחתון של אלמנט.

  
  
  

• ריפוד עליון: זה מציין את הריפוד העליון של אלמנט.

• ריפוד-שמאל: זה מציין את הריפוד השמאלי של האלמנט.

• ריפוד ימני: זה מציין את הריפוד הנכון של האלמנט.

• ריפוד: זה משמש תמצית עבור נכסים נוספים.

המאפיין תחתון ריפוד:

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

איטרטיבי פיבוני c ++

זהו הפיסקה המוגדרת בריפוד תחתון

זו פסקה נוספת שצוינה ריפוד תחתון באחוזים

תְפוּקָה:

המאפיין מרופד

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

זהו הפסקול העליון המוגדר בפסקה

זהו סעיף נוסף שצוין ריפוד עליון באחוזים

תְפוּקָה:

הנכס מרפיד שמאל

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

זו הפיסקה שצוינה ריפוד שמאלי

זו פסקה נוספת שצוינה ריפוד שמאלי באחוזים

תְפוּקָה:

המאפיין הנכון לריפוד

מאפיין נכון-ריפוד זה יקבע את הריפוד הנכון של אלמנט. זה יכול לקחת ערכים באורך האחוזים.

זו הפיסקה שצוינה ריפוד ימני

זו פסקה נוספת שצוינה ריפוד ימני באחוזים

תְפוּקָה:

נכס הריפוד

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

כל ארבעת הריפודים הללו יהיו 20 פיקסלים

ריפוד עליון ותחתון יהיה 20 פיקסלים, ימין ושמאל יהיו 10% מהרוחב הכולל של המסמך

ריפוד עליון ותחתון יהיה 20 פיקסלים, ריפוד ימני יהיה 3% מהרוחב הכולל של המסמך, ריפוד תחתון וריפוד עליון יהיה 20 פיקסלים

תְפוּקָה:

עם זה, אנו מגיעים לסוף המאמר המדהים הזה בנושא ריפוד ב- CSS. אני מקווה שהבנת את הדרכים השונות בהן אנו יכולים להוסיף ריפוד.

כיצד להשתמש בכיתה הסורק ב - Java

אם אתה מעוניין ללמוד עוד על פיתוח אתרים, עיין ב מאת אדוריקה. הדרכת הסמכת בניית אתרים תעזור לך ללמוד כיצד ליצור אתרים מרשימים באמצעות HTML5, CSS3, Twitter Bootstrap 3, jQuery ו- Google APIs ולפרוס אותו ל- Amazon Simple Storage Service (S3).

אם אתה עדיין מעוניין אם יש לך שאלה כלשהי, תוכל לפרסם אותה בסעיף ההערות בבלוג 'ריפוד ב- CSS' ונחזור אליך בהקדם האפשרי.