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

‏ • Internet Israel

כאשר בדף 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 פועלת באותה צורה וניתן וכדאי להשתמש בשתיהן.

תגיות: , ,

רן בר-זיק

מתכנת PHP מנוסה ובעל ידע רב בפיתוח לאינטרנט על בסיס LAMP. מומחה במערכות דרופל, ג'ומלה ו-וורדפרס. שולט היטב בכל מה שקשור לפרונט אנד: JavaScript: jQuery ו-MooTools,ActionScript 2/3 וכמובן HTML 5 + CSS 3.אינטרנט ישראל: www.internet-israel.com

תגובות בפייסבוק

חדש! אחסון אתרים של וובמאסטר

שירות אחסון אתרים
המקצועי של וובמאסטר!

מומחים באירוח אתרי
WordPress, Joomla, Drupal

  • שרתי לינוקס עם CloudLinux, LiteSpeed
  • 1GB דיסק SSD, 10GB תעבורה חודשית
  • ממשק ניהול cPanel, תעודת SSL חינם

עכשיו במחיר היכרות:
רק 420 ש"ח לשנה!