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 attribute syntax

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 attribute example

<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