CSS Grammar Handbook (vi) Classification properties

1. Display

Function: Change the display value of the element, you can transform the element type line, the block and the list item to each other.
Numerical:
None-Element not displayed
Block-blocks display, set line breaks before and after elements
Inline-Deletes the line break before and after the element, merging it into the flow of other elements
List-item-Sets the element to a row in the list
Description: The Display property value can be used to generate an insert title and a complement list or to make the graphic appear on the line.

2, White-space

Function: Controls the whitespace inside the element.
Numerical:
Normal-do not change, keep the default values, and wrap at the browser page length.
PRe-requires formatting from the source code in the document display.
Nowarp-does not allow visitors to wrap within an element.

3, List-style-type

Function: Specifies the type of accent or number used for the manifest
Numerical:
None-no accent
Disc-disc accent (solid circle)
Circle-round accent (hollow circle)
Square-square accent (solid)
Decimal-Decimal number Accent
Lower-roman-Lowercase Roman accent
Upper-roman-Uppercase Roman accent
Lower-alpha-Small Letter accent
Upper-alpha-Uppercase Accent
Example:

Item1

Item2

Item3

4, List-style-image

Function: Used to replace the standard accent in the list with the selected graphic
Numerical:
No graphics
URL-Graphics URL address
Example:

Item1

Item2

Item3

5, List-style-position

Function: Used to set the indentation or extension of the accent, which allows the accent to be highlighted outside the list or aligned with the list item.
Numerical:
Inside-indent, aligns the underscore to the left boundary of the list item content
Outside-overhang, highlighting beyond the left edge of the list item content

6, List-style

Features: Shorthand property, which places all manifest attributes in a single statement.
Numerical:
List-style-type
List-style-position
List-style-image
The details of these values are shown in the individual Properties section.
Example:

Item1

Item2

Item3

The above is the CSS Grammar Manual (vi) the contents of the classification attributes, more relevant content please pay attention to topic.alibabacloud.com (www.php.cn)!

