CSS tutorial Part3 [list, table, outline] (Excerpted from W3C School)

Source: Internet
Author: User
ArticleDirectory
    • CSS list
    • CSS table
    • CSS outlines
CSS list

The CSS list attribute allows you to place or change the list item flag, or use an image as the list item flag.

List-style: Set all list attributes in a declaration.

 

List-style-type: attribute setting the type marked by the list item

 

List-style-image: the attribute uses an image to replace the tag of the list item.

 

List-style-position: where to place the list item mark (Left boundary distance between the list and outer Elements)

 

CSS table

CSS table attributes allow you to set the layout of a table.

Border-collapse: Specifies whether the border of a table is merged into a single border or displayed separately as in standard HTML.

 

Border-Spacing: Set the distance between borders of adjacent cells (only used in "border separation" mode ).

 

Caption-side: Set the position of the table title in properties

 

Empty-cells: Specifies whether to display empty cells in the table (only used in "split border" mode)

 

Tablelayout: attribute used to display table cells, rows, and columnsAlgorithmRules

 

CSS outlines

An outline is a line drawn around an element. It is located at the periphery of the border edge and can highlight an element. The CSS outline attribute specifies the style, color, and width of the element outline.

Outline: Abbreviation attribute set all profile attributes in a declaration

 

Outline-color: Set the color of the visible part of an element in the entire outline.

 

Outline-style: the attribute is used to set the style of the entire outline of an element.

 

Outline-width: Set the width of the entire outline of an element.

 

Note 1: An element can change its attributes only after obtaining the profile.

Note 2: The contour line does not occupy space or must be a rectangle.

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.