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

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.