css list-style-type attribute
Translation results：
list
英[lɪst] 美[lɪst]
n.List, catalog; slant; edge of cloth, end of cloth; narrow strip
vt. List, include; compile... into a table; record in the list
vi. List on the table
Third person singular: lists Plural: lists Present participle: listing Past Formula: listed past participle: listed
style
英[staɪl] 美[staɪl]
n. Style; style; fashion; instrument, Taste
vt. To design; to name; to shape...
vi. To conform to popular styles; to make decorative paintings with a carving knife
Third person singular: styles Plural: styles now Participle: styling Past tense: styled Past participle: styled
type
英[taɪp] 美[taɪp]
n.Type; typeface; (Printed or typed) text; of the type of… Typical; [printing] casting (type, etc.)
Third person singular: types Plural: types Present participle: typing Past tense: typed Past participle: typed
css list-style-type attributesyntax
Function:Set the type of list item mark.
Note: Any version of Internet Explorer (including IE8) does not support the attribute values "decimal-leading-zero", "lower-greek", "lower-latin", " "upper-latin", "armenian", "georgian" or "inherit".
Note: All browsers support the list-style-type attribute.
css list-style-type attributeexample
<html>
<head>
<style type="text/css">
ul.circle {list-style-type:circle}
ul.square {list-style-type:square}
ol.upper-roman {list-style-type:upper-roman}
ol.lower-alpha {list-style-type:lower-alpha}
</style>
</head>
<body>
<p>Type circle:</p>
<ul class="circle">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
<p>Type square:</p>
<ul class="square">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ul>
<p>Type upper-roman:</p>
<ol class="upper-roman">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
<p>Type lower-alpha:</p>
<ol class="lower-alpha">
<li>Coffee</li>
<li>Tea</li>
<li>Coca Cola</li>
</ol>
</body>
</html>Run instance »
Click the "Run instance" button to view the online instance