יום שני, 13 באפריל 2009

14.3 Display

מאפיין ה- display, יכול לקבל את הערכים בטבלב המפורטת למטה. 
דפדפן אקספלורר מכיר רק ב block וב- none, ובעזרת תכונות אלו (וקצת DHTML) ניתן לחולל ניפלאות. 
התכונה display:none מעלימה את האובייקט, ולא שומרת לו מקום (להבדיל מ-visibility). 

הדוגמה הבאה (הכוללת שימוש ב-DHTML) מציגה שימוש בסגנון כדי ליצור מסמך אשר עד שלא נטען לזיכרון המחשב יציג את השורה "טוען...". 
כאשר המסמך יהיה מוכן להצגה על המסך, תיעלם השורה "טוען..." ויופיע המסמך:

<style>
#con{display:none;}
#loader{display:block;text-decoration:blink;color:blue;font-size:32pt;}
</style>

<body onload="loader.style.display='none'; con.style.display='block';>

<p id="loader" dir=rtl lang=he>טוען...</p>
<div id="con">... Rest of the 
page...</div>
</body>

Value

Description

none

The element will not be displayed

block

The element will be displayed as a block-level element, with a line break before and after the element

inline

Default. The element will be displayed as an inline element, with no line break before or after the element

list-item

The element will be displayed as a list

run-in

The element will be displayed as block-level or inline element depending on context

compact

The element will be displayed as block-level or inline element depending on context

marker

 

table

The element will be displayed as a block table (like <table>), with a line break before and after the table

inline-table

The element will be displayed as an inline table (like <table>), with no line break before or after the table

table-row-group

The element will be displayed as a group of one or more rows (like <tbody>)

table-header-group

The element will be displayed as a group of one or more rows (like <thead>)

table-footer-group

The element will be displayed as a group of one or more rows (like <tfoot>)

table-row

The element will be displayed as a table row (like <tr>)

table-column-group

The element will be displayed as a group of one or more columns (like <colgroup>)

table-column

The element will be displayed as a column of cells (like <col>)

table-cell

The element will be displayed as a table cell (like <td> and <th>)

table-caption

The element will be displayed as a table caption (like <caption>)


 הקודם  הבא  

אין תגובות:

הוסף רשומת תגובה