Detailed explanation on the use of list-style attribute in CSS

list-style-type -- Define list style

Values: disc | circle | square | decimal | decimal-leading-zero | lower- roman | upper-roman | lower-greek | lower-latin | upper-latin | armenian | georgian | lower-alpha | upper-alpha | none | inherit

disc: dot

circle: Circle

square: Square

decimal: Number

decimal-leading-zero: Decimal number, with less than two digits filled with leading 0, for example: 01, 02, 03 , ..., 98, 99

lower-roman: lowercase Roman characters, for example: i, ii, iii, iv, v, ...

upper-roman: uppercase Roman characters , for example: I, II, III, IV, V, ...

lower-greek: lowercase Greek letters, for example: α(alpha), β(beta), γ(gamma), ...

lower-latin: Lowercase Latin, for example: a, b, c, ... z

upper-latin: Uppercase Latin, for example: A, B, C, .. . Z

armenian: Armenian numerals

georgian: Georgian numerals, for example: an, ban, gan, ..., he, tan, in, in-an, ...

lower-alpha: Lowercase Latin text, for example: a, b, c, ... z

upper-alpha: Uppercase Latin text, for example: A, B, C, ... Z

none: None (cancel all list styles)

inherit:Inherit

ReferenceWebsite: http:// www.dreamdu.com/css/property_list-style-type/

Initial value: disc

Inheritance: Yes

Applicable to: all elements belonging to list

list, the meaning of "list" in Chinese.style, the meaning of "style" in Chinese.type, the meaning of "type" in Chinese.

Example

ul 
{ 
	list-style-type:disc;
}

ul#circle
{ 
	list-style-type:circle;
}

ul#square
{ 
	list-style-type:square;
}

ul#decimal
{ 
	list-style-type:decimal;
}

ul#decimal-leading-zero
{ 
	list-style-type:decimal-leading-zero;
}

ul#lower-roman
{ 
	list-style-type:lower-roman;
}

ul#upper-roman
{ 
	list-style-type:upper-roman;
}

ul#lower-greek
{ 
	list-style-type:lower-greek;
}

ul#lower-latin
{ 
	list-style-type:lower-latin;
}

ul#upper-latin
{ 
	list-style-type:upper-latin;
}

ul#armenian
{ 
	list-style-type:armenian;
}

ul#georgian
{ 
	list-style-type:georgian;
}

ul#lower-alpha
{ 
	list-style-type:lower-alpha;
}

ul#upper-alpha
{ 
	list-style-type:upper-alpha;
}

ul#none
{ 
	list-style-type:none;
}

ol 
{ 
	list-style-type:lower-roman;
}

The above is the detailed content of Detailed explanation on the use of list-style attribute in CSS. For more information, please follow other related articles on the PHP Chinese website!