{"name":"display","description":"The type of box for an element.","keywords":["css","property","display"],"longDescription":"<p>This property, in combination with <code>float<\/code> and <code>position<\/code>, determines the type of box or boxes that are generated for an element.<\/p>\n\n","syntax":["display: inline | block | inline-block | list-item | run-in | compact | table | inline-table | table-row-group | table-header-group | table-footer-group | table-row | table-column-group | table-column | table-cell | table-caption | ruby | ruby-base | ruby-text | ruby-base-group | ruby-text-group | <template> | none;"],"defaultValue":"inline","values":{"inline":{"description":"<p>Inline boxes.<\/p>"},"block":{"description":"<p>Block boxes.<\/p>"},"inline-block":{"description":"<p>A block box, which itself is flowed as a single inline box, similar to a replaced element. The inside of an inline-block is formatted as a block box, and the box itself is formatted as an inline box.<\/p>"},"list-item":{"description":"<p>One or more block boxes and one marker box. Marker boxes are defined in the Lists module <a href=\"http:\/\/www.w3.org\/TR\/css3-lists\/\">[CSS3LIST]<\/a>. If the Lists module is not ready, define the position of the marker and the list-style property here? Or <a href=\"http:\/\/www.w3.org\/TR\/CSS21\/generate.html#lists\">refer to CSS 2.1 instead?<\/a><\/p>"},"run-in":{"description":"<p>Either block or inline boxes, depending on context (see <a href=\"http:\/\/www.w3.org\/TR\/css3-box\/#run-in-boxes\">Run-in boxes<\/a>). Properties apply to run-in boxes based on their final status (<a href=\"http:\/\/www.w3.org\/TR\/css3-box\/#inline-level\">inline-level<\/a> or <a href=\"http:\/\/www.w3.org\/TR\/css3-box\/#block-level\">block-level<\/a>).<\/p>"},"compact":{"description":"<p>Either block boxes or a marker box, depending on context (see <a href=\"http:\/\/www.w3.org\/TR\/css3-box\/#compact-boxes\">Compact boxes<\/a>). Properties apply to compact boxes based on their final status.<\/p>"},"table":{"description":"<p>See the Tables module <a href=\"http:\/\/www.w3.org\/TR\/css3-box\/#CSS3TBL\">[CSS3TBL]<\/a>.<\/p>"},"inline-table":{"description":"<p>See the Tables module <a href=\"http:\/\/www.w3.org\/TR\/css3-box\/#CSS3TBL\">[CSS3TBL]<\/a>.<\/p>"},"table-row-group":{"description":"<p>See the Tables module <a href=\"http:\/\/www.w3.org\/TR\/css3-box\/#CSS3TBL\">[CSS3TBL]<\/a>.<\/p>"},"table-header-group":{"description":"<p>See the Tables module <a href=\"http:\/\/www.w3.org\/TR\/css3-box\/#CSS3TBL\">[CSS3TBL]<\/a>.<\/p>"},"table-footer-group":{"description":"<p>See the Tables module <a href=\"http:\/\/www.w3.org\/TR\/css3-box\/#CSS3TBL\">[CSS3TBL]<\/a>.<\/p>"},"table-row":{"description":"<p>See the Tables module <a href=\"http:\/\/www.w3.org\/TR\/css3-box\/#CSS3TBL\">[CSS3TBL]<\/a>.<\/p>"},"table-column-group":{"description":"<p>See the Tables module <a href=\"http:\/\/www.w3.org\/TR\/css3-box\/#CSS3TBL\">[CSS3TBL]<\/a>.<\/p>"},"table-column":{"description":"<p>See the Tables module <a href=\"http:\/\/www.w3.org\/TR\/css3-box\/#CSS3TBL\">[CSS3TBL]<\/a>.<\/p>"},"table-cell":{"description":"<p>See the Tables module <a href=\"http:\/\/www.w3.org\/TR\/css3-box\/#CSS3TBL\">[CSS3TBL]<\/a>.<\/p>"},"table-caption":{"description":"<p>See the Tables module <a href=\"http:\/\/www.w3.org\/TR\/css3-box\/#CSS3TBL\">[CSS3TBL]<\/a>.<\/p>"},"ruby":{"description":"<p>See the Ruby module <a href=\"http:\/\/www.w3.org\/TR\/css3-ruby\/\">[CSS3RUBY]<\/a>.<\/p>"},"ruby-base":{"description":"<p>See the Ruby module <a href=\"http:\/\/www.w3.org\/TR\/css3-ruby\/\">[CSS3RUBY]<\/a>.<\/p>"},"ruby-text":{"description":"<p>See the Ruby module <a href=\"http:\/\/www.w3.org\/TR\/css3-ruby\/\">[CSS3RUBY]<\/a>.<\/p>"},"ruby-base-group":{"description":"<p>See the Ruby module <a href=\"http:\/\/www.w3.org\/TR\/css3-ruby\/\">[CSS3RUBY]<\/a>.<\/p>"},"ruby-text-group":{"description":"<p>See the Ruby module <a href=\"http:\/\/www.w3.org\/TR\/css3-ruby\/\">[CSS3RUBY]<\/a>.<\/p>"},"<template>":{"description":"<p>See the Advanced Layout module <a href=\"http:\/\/www.w3.org\/TR\/css3-layout\/\">[CSS3LAYOUT]<\/a>.<\/p>"},"none":{"description":"<p>This value causes an element to generate no boxes (i.e., the element has no effect on layout). Descendant elements do not generate any boxes either; this behavior cannot be overridden by setting the <code>display<\/code> property on the descendants.<\/p>"}},"versions":{"doc1":"http:\/\/www.w3.org\/TR\/CSS1\/#display","doc2":"http:\/\/www.w3.org\/TR\/CSS2\/visuren.html#display-prop","doc21":"http:\/\/www.w3.org\/TR\/CSS21\/visuren.html#display-prop","doc3":"http:\/\/www.w3.org\/TR\/css3-box\/#display"}}