CSS Syntax Manual (6) Classification Properties

1. display

Function: Change the display value of the element, and you can change the element type online, block and list item to each other.
Value:
none - Do not display the element
block - Block display, set line breaks before and after the element
inline - Delete the line breaks before and after the element and merge it into the flow of other elements
list-item - Set the element to the list A line of
Description: The display attribute value can be used to generate inserted titles and supplementary lists or to make graphics display online.

2. white-space

Function: Control the white space within the element.
Value:
normal - Do not change, keep the default value, wrap at the browser page length.
PRe - Requires the format in the source code to be used in document display.
nowarp - Don’t let visitors wrap within an element.

3. list-style-type

Function: Specify the emphasis or numbering type used in the list
Value:
none - no emphasis
disc - disc emphasis (solid circle)
circle - circular emphasis ( open circle)
square - square accent (solid)
decimal - decimal emphasis
lower-roman - lowercase Roman accent
upper-roman - uppercase Roman accent
lower-alpha - lowercase accent
upper -alpha - uppercase letter accent
Example:

item1

item2

item3

4, list-style-image

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

item1

item2

item3

5, list-style-position

Function: used to set the indentation or expansion of the emphasis. This attribute can make the emphasis The symbol protrudes outside the list or is aligned with the list item.
Value:
inside - indent, align the emphasis with the left edge of the list item content
outside - stretch, the emphasis will be highlighted beyond the left edge of the list item content

6. list-style

Function: abbreviation attribute, Put all manifest properties in one statement.
Values:
list-style-type
list-style-position
list-style-image
Details of these values ​​are in the individual properties sections.
Example:

item1

item2

item3

The above is the content of classification attributes in CSS Grammar Manual (6). For more related content, please pay attention to the PHP Chinese website (m.sbmmt.com)!