Css tutorials on display attributes

Source: Internet
Author: User

This attribute defines the type of the display box generated by the element when the layout is created.

Let's talk about its syntax. This is extracted from w3school:

Syntax:
Display: block | none | inline | compact | marker | inline-table | list-item | run-in | table-caption | table-cell | table-column- group | table-footer-group | table-header-group | table-row-group
Valid value:
Block: the default value of CSS1. Forces the object to be presented as a block object, and adds a new line after the object
None: CSS1 hidden object. Unlike the hidden value of the visibility attribute, it does not reserve its physical space for hidden objects.
Inline: the default value of CSS1 inline object. Force object as inline object submission and Delete row from object
Inline-block: IE5.5 submits an object as an inline object, but the content of the object is presented as a block object. The Inline object next to it will be presented in the same row
Compact: CSS2 is not supported. Allocate objects as block objects or Inline Objects Based on Content
Marker: not supported by CSS2. Specify the content before or after the container object. To use this parameter, the object must be used with the: after and: before pseudo elements.
Inline-table: not supported by CSS2. Display the table as an inline object or an inline container without line breaks
List-item: CSS2 specifies a block object as a list item. You can also add optional project logos.
Run-in: not supported by CSS2. Allocate objects as block objects or Inline Objects Based on Content
Table: not supported by CSS2. Display objects as block element-level tables
Table-caption: not supported by CSS2. Display objects as table titles
Table-cell: not supported by CSS2. Display objects as table cells
Table-column: not supported by CSS2. Display objects as table columns
Table-column-group: not supported by CSS2. Display objects as table column groups
Table-header-group: CSS2 displays objects as table title groups.
Table-footer-group: CSS2 displays objects as table footer groups.
Table-row: not supported by CSS2. Display objects as table rows
Table-row-group: not supported by CSS2. Display objects as table row groups

  • Three pages in total:
  • Previous Page
  • 1
  • 2
  • 3
  • Next Page

Related Article

Contact Us

The content source of this page is from Internet, which doesn't represent Alibaba Cloud's opinion; products and services mentioned on that page don't have any relationship with Alibaba Cloud. If the content of the page makes you feel confusing, please write us an email, we will handle the problem within 5 days after receiving your email.

If you find any instances of plagiarism from the community, please send an email to: info-contact@alibabacloud.com and provide relevant evidence. A staff member will contact you within 5 working days.

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.