CSS Grammar Manual (vi) Classification attributes

css| Syntax

1, display

function : Changes the display value of the element, you can change the element type line, block and list item to each other.
value :
None-Element not displayed
Block-blocks display, setting line breaks before and after elements
Inline-Deletes the line break before and after the element so it is merged into another element stream
List-item-Set the element as a row in the manifest
Note : Use the Display property values to generate insert captions and add a list or make the graphic appear on the line.

2, White-space

function : Controls the whitespace inside the element.
value :
Normal-does not change, retains the default value, and wraps at the length of the browser page.
Pre-requires the document display to be in the source code format.
Nowarp-does not allow the visitor to wrap the line inside the element.

3, List-style-type

function : Specify the Accent or number type used in the manifest
value :
None-no accent
Disc-disc accent (solid circle)
Circle-Circle Accent (Hollow circle)
Square-squares accent (solid)
decimal-Decimal Accent
Lower-roman-Lowercase Roman accent
Upper-roman-Capital Roman character accent
Lower-alpha-Small Letter accent
Upper-alpha-Uppercase Accent
Example :

• Item1
• Item2
• Item3

4, List-style-image

function : Used to change the standard accent character in the list to the selected graphic
value :
No graphics
URL-Graphics URL address
Example :

• Item1
• Item2
• Item3

5, List-style-position

features : Used to set the indentation or extension of the accent, which allows the accent to be highlighted outside the manifest or aligned with the manifest item.
value :
Inside-indent, aligning the accent with the left edge of the list item's contents
Outside-extension, accent highlighting beyond the left edge of the list item's content

6, List-style

features : Shorthand property, which puts all the manifest attributes in one statement.
value :
List-style-type
List-style-position
List-style-image
The details of these values are shown in the various attribute sections.
Example :

• Item1
• Item2
• Item3