כאשר בדף HTML יש תמונה או טבלה שיש להם align=left או align=right, וקיים טקסט חופשי, בפסקה למשל, הטקסט זורם מסביב לאלמנט וממשיך.
אם מוסיפים לפסקה את התכונה clear, ניתן לשנות את הדרך שבה מציג הדפדפן את תוכן הפסקה.
ברירת המחדל היא none. אולם אם תכתוב את אחד הערכים: left, right או both הפיסקה תיכתב רק בסיום האלמנט הממוקם מצד ימין, שמאל או שניהם בהתאמה.
p
{
clear: left
}
בדוגמא שלמעלה הגדרנו מאפיין clear:left לפסקה. כלומר כל מה שנמצא משמאל לפסקה יוצג לפני שתוצג הפסקה.
הנה תמונת המסך לפני החלת המאפיין:
ולאחר החלת המאפיין תראה התוצאה בדפדפן כך:
ערכים אפשריים:
Value | Description |
left | No floating elements allowed on the left side |
right | No floating elements allowed on the right side |
both | No floating elements allowed on either the left or the right side |
none | Default. Allows floating elements on both sides |
אין תגובות:
הוסף רשומת תגובה