Sunday, November 25, 2012

Display Property


The display property is used to display the box. The display property overrides normal flow of the document.  Following are the values for the display property :
  
  o     none:  will not show the element at all.
  o   block: It will display the element as block. This value when applied to the element will leave space on all the sides.
  o   Inline: When element is applied display:inline it will be part of the flow as part of the parent.
  o   list-item: The element will behave like a <li> element.

Syntax:

Display: {none| block| inline| list-item}


Following is the example for the display property: 


Select Display Property
none
block
inline
list-item
This is a sample for display.This is a sample for display.This is a sample for display.
 Div 1
This is a sample for display.This is a sample for display.This is a sample for display.This is a sample for display.This is a sample for display.This is a sample for display.