וובמאסטר - תיכנות ובניית אתרים

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

רן בר-זיק ,‏ אינטרנט ישראל‏ ‏/‏ 6 אוקטובר, 2003
F+
F-
כאשר בדף 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
תגיות: CSS‏  /  מדריך‏  /  בניית אתרים‏  

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

תגובות למאמר



תגיות פופולאריות

X
הצטרף לעמוד שלנו בפייסבוק להישאר מעודכן!
וובמאסטר © כל הזכויות שמורות