מדריך CSS – תכונות עימוד

כאשר בדף HTML יש תמונה או טבלה שיש להם align=left או align=right, וקיים טקסט חופשי, בפסקה למשל, הטקסט זורם מסביב
לאלמנט וממשיך. אם מוסיפים לפסקה את התכונה clear, ניתן לשנות את הדרך שבה מציג הדפדפן את תוכן הפסקה. ברירת המחדל
היא none. אולם אם תכתוב את אחד הערכים: left, right או both הפיסקה תיכתב רק בסיום האלמנט הממוקם מצד ימין, שמאל או
שניהם בהתאמה.

התכונה float מקבלת אחד מהערכים left, right או none. גם תכונה זו שולטת בעיצוב העמוד. התגית דומה לתכונה align של HTML אולם
ניתן ליישם אותה על כל אלמנט, כולל טקסט, תמונה ואף טבלה.

table{float:none;}

<table>
<tr>
    <td>hello</td>
</tr>
</table>

<p>world</p> 

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

התכונה height שולטת על הגובה האלמנט המוצג. השימוש בתכונה נפוץ במיוחד עם טבלאות ותמונות אולם יש גם שימושים אחרים. התכונה אומרת לדפדפן להציג את האלמנט על פני רוחב מסוים. ערך ברירת המחדל כאן היא auto. כאשר מכניסים תמונה לדף ורוצים לשלוט בגודל ההצגה שלה (רצוי מאוד) כדאי לקבוע לה גובה מספרי מסויים ואילו את הרוחב לקבוע לauto, דבר זה ישמור על הפרופורציות של התמונה.
גם התכונה width פועלת באותה צורה וניתן וכדאי להשתמש בשתיהן.