Shulou(Shulou.com)06/03 Report--

This article mainly introduces how to define the use of displaynone, the article introduces in great detail, has a certain reference value, interested friends must read it!

All major browsers support the displaynone attribute. Note: if! DOCTYPE is specified, InternetExplorer8 (and later) supports attribute values "inline-table", "run-in", "table", "table-caption", "table-cell", "table-column", "table-column-group", "table-row", "table-row-group", and "inherit".

Definition and usage of displaynone

The display attribute specifies the type of box that the element should generate.

Description

This property is used to define the type of display box generated by the element when the layout is established. For document types such as HTML, it can be dangerous to use display carelessly because it may violate the display hierarchy already defined in HTML. For XML, because XML does not have such a built-in hierarchy, all display is absolutely necessary.

Note: there are values compact and marker in CSS2, but they have been removed from CSS2.1 due to the lack of broad support.

Default value: inline

Inheritance: no

Version: CSS1

JavaScript syntax: object.style.display= "inline"

Possible values of displaynone

Value description

None this element will not be displayed.

Block this element is displayed as a block-level element with a newline character before and after it.

Inline defaults. This element is displayed as an inline element without a newline character before and after the element.

Inline-block inline block element. (new value for CSS2.1)

List-item this element is displayed as a list.

Run-in this element is displayed as a block-level or inline element depending on the context.

There is a value compact in compact CSS, but it has been removed from CSS2.1 due to lack of widespread support.

There is a value marker in marker CSS, but it has been removed from CSS2.1 due to lack of widespread support.

Table this element is displayed as a block-level table (similar), with line breaks before and after the table.

Inline-table this element is displayed as an inline table (similar), with no line breaks before and after the table.

Table-row-group this element is displayed as a grouping of one or more rows (similar).

Table-header-group this element is displayed as a grouping of one or more rows (similar).

Table-footer-group this element is displayed as a grouping of one or more rows (similar).

Table-row this element is displayed as a table row (similar).

Table-column-group this element is displayed as a grouping of one or more columns (similar).

Table-column this element is displayed as a cell column (similar)

Table-cell this element is displayed as a table cell (similar to and)

Table-caption this element is displayed as a table title (similar)

Inherit states that the value of the display attribute should be inherited from the parent element.

The above is all the content of the article "how displaynone defines its use". Thank you for reading! Hope to share the content to help you, more related knowledge, welcome to follow the industry information channel!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.