Showing posts with label CSS. Show all posts
Showing posts with label CSS. Show all posts

Saturday, April 4, 2009

CSS IE,mozilla tricks

Css Hints

We can specify the specific property to the specific browsers as below:

#onecss{
/* this for mozilla */
margin-top:12px; !important
/* this for IE7 */
#margin-top:16px;
/* this for IE6 */
_margin-top:14px;

}

For more css hints and trciks:
Css Hints

Monday, July 21, 2008

CSS display Property

CSS display Property

We are mostly using the display property as the display:none and display:block.. This Property not only having the none and block.its has more usefull and effective values as below mention.. check it out...

Definition

The display property sets how/if an element is displayed.

Inherited: No


JavaScript Syntax

CSS properties can also be dynamically changed with a JavaScript.

Scripting Syntax: object.style.display="none"

In our HTML DOM tutorial you can find more details about the display property.


Example

p
{
display: block
}

li
{
display: list-item
}

table
{
display: table
}

td, th
{
display: table-cell
}

Possible Values

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>)