What's new? | Help | Directory | Sign in
Google
Project Home
  
Wiki
  
Issues
  
Source
    
Search
for
Updated Sep 19, 2008 by pilgrim
Labels: about-css, is-css-property, from-w3c
DisplayCSSProperty  
The display property determines how an element is rendered.

You are here: Home > CSS Reference > Properties > display

Usage

Values

Browser compatibility

Compatibility table legend

Test IE8 IE7 IE6 FF3 FF2 Saf3 Op9 Chrome
style.display reflects <div style='display: block'> Y Y Y Y Y Y Y Y
style.display reflects <div style='display: compact'> N N N N N Y Y Y
style.display reflects <div style='display: inline-block'> Y Y Y Y N Y Y Y
style.display reflects <div style='display: inline'> Y Y Y Y Y Y Y Y
style.display reflects <div style='display: inline-table'> Y N N Y N Y Y Y
style.display reflects <div style='display: list-item'> Y Y Y Y Y Y Y Y
style.display reflects <div style='display: none'> Y Y Y Y Y Y Y Y
style.display reflects <div style='display: run-in'> Y N N N N Y Y Y
style.display reflects <div style='display: table-caption'> Y N N Y Y Y Y Y
style.display reflects <div style='display: table-cell'> Y N N Y Y Y Y Y
style.display reflects <div style='display: table-column'> Y N N Y Y Y Y Y
style.display reflects <div style='display: table-column-group'> Y N N Y Y Y Y Y
style.display reflects <div style='display: table'> Y N N Y Y Y Y Y
style.display reflects <div style='display: table-footer-group'> Y Y Y Y Y Y Y Y
style.display reflects <div style='display: table-header-group'> Y Y Y Y Y Y Y Y
style.display reflects <div style='display: table-row'> Y N N Y Y Y Y Y
style.display reflects <div style='display: table-row-group'> Y N N Y Y Y Y Y

Further reading

Comment by saqibmbhatti, Dec 11, 2008

display:table doesn't work well. If the display value is set to table to adjust the page layout in fiefox (for addressing the auto height issue) the page goes ALL WRONG in Chrome


Sign in to add a comment