Fandom

HTML & CSS Wiki

List-style-type

649pages on
this wiki
Add New Page
Comments0 Share

The CSS list-style-type is used when the author wishes to change the default appearance of list-markers in HTML list structures. If a list-style-image property is also given and it has a value of none or the URL can not be loaded, the list-style-type property value will be used in its place. This property should always be specified in the event the URL pointed to in list-style-image can not be loaded. If a value for this property is not understood, the value decimal should be used.


ValuesEdit

Value Description
inherit Explicitly sets the value of this property to that of the parent.
none No list-marker will be displayed for the list item.
disc Solid bullet.
circle Hollow bullet.
square Solid square.
decimal This specifies a standard set of symbols to use as ordered list markers. The values increment with each successive list item using a numeric sequence, eg: decimal integers - 1, 2, 3, 4, 5,...
decimal-leading-zero This specifies a standard set of symbols to use as ordered list markers. The values increment with each successive list item using a numeric sequence, eg: decimal integers padded by initial zeros - 01, 02, 03, 04, 05,...
lower-roman i, ii, iii, iv, v,...
upper-roman I, II, III, IV, V,...
lower-alpha a, b, c, d, e, f,...
upper-alpha A, B, C, D, E, F,...
lower-greek Lower case Greek letters.
lower-latin Lower case Latin letters.
upper-latin Upper case Latin letters.
armenian Traditional Armenian numbering.
georgian Traditional Georgian numbering.
hebrew Traditional Hebrew numbering.
cjk-ideographic "Plain ideographic numbers".
hiragana Japanese phonetic Hiragana ordering: a, i, u, e, o, ka, ki,...
katakana Japanese phonetic Katakana ordering: a, i, u, e, o, ka, ki,...
hiragana-iroha Japanese phonetic Hiragana ordering: i, ro, ha, ni, ho, he, to,...
katakana-iroha Japanese phonetic Katakana ordering: i, ro, ha, ni, ho, he, to,...


HTML example:

<ul>
<li style="list-style-type:square;">TEXT</li>
</ul>


CSS example:

li {
    list-style-type:square;
}

See AlsoEdit

Ad blocker interference detected!


Wikia is a free-to-use site that makes money from advertising. We have a modified experience for viewers using ad blockers

Wikia is not accessible if you’ve made further modifications. Remove the custom ad blocker rule(s) and the page will load as expected.