- CSS Tutorial
- CSS - Home
- CSS - Introduction
- CSS - Syntax
- CSS - Selectors
- CSS - Inclusion
- CSS - Measurement Units
- CSS - Colors
- CSS - Backgrounds
- CSS - Fonts
- CSS - Text
- CSS - Images
- CSS - Links
- CSS - Tables
- CSS - Borders
- CSS - Border Block
- CSS - Border Inline
- CSS - Margins
- CSS - Lists
- CSS - Padding
- CSS - Cursor
- CSS - Outlines
- CSS - Dimension
- CSS - Scrollbars
- CSS - Inline Block
- CSS - Dropdowns
- CSS - Visibility
- CSS - Overflow
- CSS - Clearfix
- CSS - Float
- CSS - Arrows
- CSS - Resize
- CSS - Quotes
- CSS - Order
- CSS - Position
- CSS - Hyphens
- CSS - Hover
- CSS - Display
- CSS - Focus
- CSS - Zoom
- CSS - Translate
- CSS - Height
- CSS - Hyphenate Character
- CSS - Width
- CSS - Opacity
- CSS - Z-Index
- CSS - Bottom
- CSS - Navbar
- CSS - Overlay
- CSS - Forms
- CSS - Align
- CSS - Icons
- CSS - Image Gallery
- CSS - Comments
- CSS - Loaders
- CSS - Attr Selectors
- CSS - Combinators
- CSS - Root
- CSS - Box Model
- CSS - Counters
- CSS - Clip
- CSS - Writing Mode
- CSS - Unicode-bidi
- CSS - min-content
- CSS - All
- CSS - Inset
- CSS - Isolation
- CSS - Overscroll
- CSS - Justify Items
- CSS - Justify Self
- CSS - Tab Size
- CSS - Pointer Events
- CSS - Place Content
- CSS - Place Items
- CSS - Place Self
- CSS - Max Block Size
- CSS - Min Block Size
- CSS - Mix Blend Mode
- CSS - Max Inline Size
- CSS - Min Inline Size
- CSS - Offset
- CSS - Accent Color
- CSS - User Select
- CSS Advanced
- CSS - Grid
- CSS - Grid Layout
- CSS - Flexbox
- CSS - Visibility
- CSS - Positioning
- CSS - Layers
- CSS - Pseudo Classes
- CSS - Pseudo Elements
- CSS - @ Rules
- CSS - Text Effects
- CSS - Paged Media
- CSS - Printing
- CSS - Layouts
- CSS - Validations
- CSS - Image Sprites
- CSS - Important
- CSS - Data Types
- CSS3 Tutorial
- CSS3 - Tutorial
- CSS - Rounded Corner
- CSS - Border Images
- CSS - Multi Background
- CSS - Color
- CSS - Gradients
- CSS - Box Shadow
- CSS - Box Decoration Break
- CSS - Caret Color
- CSS - Text Shadow
- CSS - Text
- CSS - 2d transform
- CSS - 3d transform
- CSS - Transition
- CSS - Animation
- CSS - Multi columns
- CSS - Box Sizing
- CSS - Tooltips
- CSS - Buttons
- CSS - Pagination
- CSS - Variables
- CSS - Media Queries
- CSS - Functions
- CSS - Math Functions
- CSS - Masking
- CSS - Shapes
- CSS - Style Images
- CSS - Specificity
- CSS - Custom Properties
- CSS Responsive
- CSS RWD - Introduction
- CSS RWD - Viewport
- CSS RWD - Grid View
- CSS RWD - Media Queries
- CSS RWD - Images
- CSS RWD - Videos
- CSS RWD - Frameworks
- CSS References
- CSS - Questions and Answers
- CSS - Quick Guide
- CSS - References
- CSS - Color References
- CSS - Web browser References
- CSS - Web safe fonts
- CSS - Units
- CSS - Animation
- CSS Resources
- CSS - Useful Resources
- CSS - Discussion
CSS - list-style-type
The list-style-type property helps in setting the marker of a list item element. The color of the marker will remain same as the color of the element it applies to.
Few of the HTML elements, like <li> and <summary> have a default value of display: list-item. Any element with the display: list-item, can have list-style-type property set on it.
Few of the list-style-type values require appropriate font installed, in order to display the content as expected.
Also, the cjk-ideographic is identical to trad-chinese-informal, as it is required for legacy requirements.
Syntax
The CSS property list-style-type can have different values. Let's check all the possible available syntax to set a value for list-style-type.
@counter-style value
list-style-type: disc; list-style-type: circle; list-style-type: square; list-style-type: decimal; list-style-type: cjk-decimal; list-style-type: decimal-leading-zero; list-style-type: lower-roman; list-style-type: upper-roman; list-style-type: lower-greek; list-style-type: lower-aplha, lower-latin; list-style-type: upper-aplha, upper-latin; list-style-type: arabic-indic, -moz-arabic-indic; list-style-type: armenian; list-style-type: bengali, -moz-bengali; list-style-type: cambodian/khmer; list-style-type: cjk-earthly-branch, -moz-cjk-earthly-branch; list-style-type: cjk-heavenly-stem, -moz-cjk-heavenly-stem; list-style-type: cjk-ideographic; list-style-type: devanagari, -moz-devanagari; list-style-type: ethiopic-numeric; list-style-type: georgian; list-style-type: gujarati, -moz-gujarati; list-style-type: gurmukhi, -moz-gurmukhi; list-style-type: hebrew; list-style-type: hiragana; list-style-type: hiragana-iroha; list-style-type: japanese-formal; list-style-type: japanese-informal; list-style-type: kannada, -moz-kannada; list-style-type: katakana; list-style-type: katakana-iroha; list-style-type: korean-hangul-formal; list-style-type: korean-hanja-formal; list-style-type: korean-hanja-informal; list-style-type: lao, -moz-lao; list-style-type: lower-armenian; list-style-type: malayalam, -moz-malayalam; list-style-type: mongolian; list-style-type: myanmar, -moz-myanmar; list-style-type: oriya, -moz-oriya; list-style-type: persian, -moz-persian; list-style-type: simp-chinese-formal; list-style-type: simp-chinese-informal; list-style-type: tamil, -moz-tamil; list-style-type: telugu, -moz-telugu; list-style-type: thai, -moz-thai; list-style-type: tibetan; list-style-type: trad-chinese-formal; list-style-type: trad-chinese-informal; list-style-type: upper-armenian; list-style-type: disclosure-open; list-style-type: disclosure-closed;
String value
list-style-type: "<string>";
Keyword value
list-style-type: none;
Global values
list-style-type: inherit; list-style-type: initial; list-style-type: revert; list-style-type: revert-layer; list-style-type: unset;
Applies To
List items. Elements such as <li> and <summary>, along with all the elements that have display: list-item.
DOM Syntax
object.style.listStyleType = <counter-style> | <string> | <none>
Possible Values
The CSS property list-style-type can have one of the following values:
<custom ident>: It is an identifier matching the value of @counter-style or any one of the pre-defined styles.
symbols(): Sets an anonymous style of the list.
<string>: Item's marker decided upon the string value passed.
none: No marker for the list item is set.
Accessbility concerns: An ordered or unordered list is not recognized by Safari as a list in the accessibility tree, when the value of list-style-type is set to none.
Example
CSS list-style-type - decimal
Here is an example of list-style-type: decimal CSS property for an ordered list:
<html> <head> <style> .type-decimal { list-style-type: decimal; } </style> </head> <body> <h2>Ordered list - list style type</h2> <ol class="type-decimal"><u>List style type - decimal</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ol> </body> </html>
CSS list-style-type - decimal-leading-zero
Here is an example of list-style-type: decimal-leading-zero CSS property for an ordered list:
<html> <head> <style> .type-decimal-zero { list-style-type: decimal-leading-zero; } </style> </head> <body> <h2>Ordered list - list style type</h2> <ol class="type-decimal-zero"><u>List style type - decimal-leading-zero</u> <li>First Item <ol> <li>Sub first item</li> <li>Sub second item</li> </ol> </li> <li>Second Item</li> <li>Third Item</li> </ol> </body> </html>
CSS list-style-type - upper-alpha
Here is an example of list-style-type: upper-alpha CSS property for an ordered list:
<html> <head> <style> .type-upper-alpha { list-style-type: upper-alpha; } </style> </head> <body> <h2>Ordered list - list style type</h2> <ol class="type-upper-alpha"><u>List style type - upper-alpha</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ol> </body> </html>
CSS list-style-type - lower-alpha
Here is an example of list-style-type: lower-alpha CSS property for an ordered list:
<html> <head> <style> .type-lower-alpha { list-style-type: lower-alpha; } </style> </head> <body> <h2>Ordered list - list style type</h2> <ol class="type-lower-alpha"><u>List style type - lower-alpha</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ol> </body> </html>
CSS list-style-type - lower-greek
Here is an example of list-style-type: lower-greek CSS property for an ordered list:
<html> <head> <style> .type-lower-greek { list-style-type: lower-greek; } </style> </head> <body> <h2>Ordered list - list style type</h2> <ol class="type-lower-greek"><u>List style type - lower-greek</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ol> </body> </html>
CSS list-style-type - upper-greek
Here is an example of list-style-type: upper-greek CSS property for an ordered list:
<html> <head> <style> .type-upper-greek { list-style-type: upper-greek; } </style> </head> <body> <h2>Ordered list - list style type</h2> <ol class="type-upper-greek"><u>List style type - upper-greek</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ol> </body> </html>
CSS list-style-type - lower-roman
Here is an example of list-style-type: lower-roman CSS property for an ordered list:
<html> <head> <style> .type-lower-roman { list-style-type: lower-roman; } </style> </head> <body> <h2>Ordered list - list style type</h2> <ol class="type-lower-roman"><u>List style type - lower-roman</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ol> </body> </html>
CSS list-style-type - upper-roman
Here is an example of list-style-type: upper-roman CSS property for an ordered list:
<html> <head> <style> .type-upper-roman { list-style-type: upper-roman; } </style> </head> <body> <h2>Ordered list - list style type</h2> <ol class="type-upper-roman"><u>List style type - upper-roman</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ol> </body> </html>
CSS list-style-type - lower-latin
Here is an example of list-style-type: lower-latin CSS property for an ordered list:
<html> <head> <style> .type-lower-latin { list-style-type: lower-latin; } </style> </head> <body> <h2>Ordered list - list style type</h2> <ol class="type-lower-latin"><u>List style type - lower-latin</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ol> </body> </html>
CSS list-style-type - upper-latin
Here is an example of list-style-type: upper-latin CSS property for an ordered list:
<html> <head> <style> .type-upper-latin { list-style-type: upper-latin; } </style> </head> <body> <h2>Ordered list - list style type</h2> <ol class="type-upper-latin"><u>List style type - upper-latin</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ol> </body> </html>
CSS list-style-type - none
Here is an example of list-style-type: none CSS property for an ordered list:
<html> <head> <style> .type-none { list-style-type: none; } </style> </head> <body> <h2>Ordered list - list style type</h2> <ol class="type-none"><u>List style type - none</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ol> </body> </html>
CSS list-style-type - disc
Here is an example of list-style-type: disc CSS property for an unordered list:
<html> <head> <style> .type-disc { list-style-type: disc; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-disc"><u>List style type - disc</u> <li>First Item <ul> <li>Sub first item</li> <li>Sub second item</li> </ul> </li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - circle
Here is an example of list-style-type: circle CSS property for an unordered list:
<html> <head> <style> .type-circle { list-style-type: circle; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-circle"><u>List style type - circle</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - square
Here is an example of list-style-type: square CSS property for an unordered list:
<html> <head> <style> .type-square { list-style-type: square; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-square"><u>List style type - square</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - none
Here is an example of list-style-type: none CSS property for an unordered list:
<html> <head> <style> .type-none { list-style-type: none; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-none"><u>List style type - none</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - arabic-indic
Here is an example of list-style-type: arabic-indic CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-arabic-indic { list-style-type: arabic-indic; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-arabic-indic"><u>List style type - arabic-indic</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - armenian
Here is an example of list-style-type: armenian CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-armenian { list-style-type: armenian; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-armenian"><u>List style type - armenian</u> <li>First Item <ul> <li>Sub first item</li> <li>Sub second item</li> </ul> </li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - bengali
Here is an example of list-style-type: bengali CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-bengali { list-style-type: bengali; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-bengali"><u>List style type - bengali</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - cambodian
Here is an example of list-style-type: cambodian CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-cambodian { list-style-type: cambodian; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-cambodian"><u>List style type - cambodian</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - cjk-earthly-branch
Here is an example of list-style-type: cjk-earthly-branch CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-cjk-earthly-branch { list-style-type: cjk-earthly-branch; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-cjk-earthly-branch"><u>List style type - cjk-earthly-branch</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - cjk-heavenly-stem
Here is an example of list-style-type: cjk-heavenly-stem CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-cjk-heavenly-stem { list-style-type: cjk-heavenly-stem; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-cjk-heavenly-stem"><u>List style type - cjk-heavenly-stem</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - cjk-ideographic
Here is an example of list-style-type: cjk-ideographic CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-cjk-ideographic { list-style-type: cjk-ideographic; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-cjk-ideographic"><u>List style type - cjk-ideographic</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - devanagari
Here is an example of list-style-type: devanagari CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-devanagari { list-style-type: devanagari; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-devanagari"><u>List style type - devanagari</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - ethiopic-numeric
Here is an example of list-style-type: ethiopic-numeric CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-ethiopic-numeric { list-style-type: ethiopic-numeric; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-ethiopic-numeric"><u>List style type - ethiopic-numeric</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - georgian
Here is an example of list-style-type: georgian CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-georgian { list-style-type: georgian; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-georgian"><u>List style type - georgian</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - gujarati
Here is an example of list-style-type: gujarati CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-gujarati { list-style-type: gujarati; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-gujarati"><u>List style type - gujarati</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - gurmukhi
Here is an example of list-style-type: gurmukhi CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-gurmukhi { list-style-type: gurmukhi; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-gurmukhi"><u>List style type - gurmukhi</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - hebrew
Here is an example of list-style-type: hebrew CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-hebrew { list-style-type: hebrew; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-hebrew"><u>List style type - hebrew</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - hiragana
Here is an example of list-style-type: hiragana CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-hiragana { list-style-type: hiragana; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-hiragana"><u>List style type - hiragana</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - hiragana-iroha
Here is an example of list-style-type: hiragana-iroha CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-hiragana-iroha { list-style-type: hiragana-iroha; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-hiragana-iroha"><u>List style type - hiragana-iroha</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - japanese-formal
Here is an example of list-style-type: japanese-formal CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-jap-formal { list-style-type: japanese-formal; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-jap-formal"><u>List style type - japanese-formal</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - japanese-informal
Here is an example of list-style-type: japanese-informal CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-jap-informal { list-style-type: japanese-informal; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-jap-informal"><u>List style type - japanese-informal</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - kannada
Here is an example of list-style-type: kannada CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-kannada { list-style-type: kannada; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-kannada"><u>List style type - kannada</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - katakana
Here is an example of list-style-type: katakana CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-katakana { list-style-type: katakana; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-katakana"><u>List style type - katakana</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - katakana-iroha
Here is an example of list-style-type: katakana-iroha CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-katakana-iroha { list-style-type: katakana-iroha; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-katakana-iroha"><u>List style type - katakana-iroha</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - korean-hangul-formal
Here is an example of list-style-type: korean-hangul-formal CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-korean-hangul-formal { list-style-type: korean-hangul-formal; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-korean-hangul-formal"><u>List style type - korean-hangul-formal</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - korean-hanja-formal
Here is an example of list-style-type: korean-hanja-formal CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-korean-hanja-formal { list-style-type: korean-hanja-formal; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-korean-hanja-formal"><u>List style type - korean-hanja-formal</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - lao
Here is an example of list-style-type: lao CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-lao { list-style-type: lao; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-lao"><u>List style type - lao</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - lower-armenian
Here is an example of list-style-type: lower-armenian CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-lower-armenian { list-style-type: lower-armenian; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-lower-armenian"><u>List style type - lao</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - malayalam
Here is an example of list-style-type: malayalam CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-malayalam { list-style-type: malayalam; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-malayalam"><u>List style type - malayalam</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - mongolian
Here is an example of list-style-type: mongolian CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-mongolian { list-style-type: mongolian; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-mongolian"><u>List style type - mongolian</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - myanmar
Here is an example of list-style-type: myanmar CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-myanmar { list-style-type: myanmar; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-myanmar"><u>List style type - myanmar</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - oriya
Here is an example of list-style-type: oriya CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-oriya { list-style-type: oriya; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-oriya"><u>List style type - oriya</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - persian
Here is an example of list-style-type: persian CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-persian { list-style-type: persian; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-persian"><u>List style type - persian</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - simp-chinese-formal
Here is an example of list-style-type: simp-chinese-formal CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-simp-chinese-formal { list-style-type: simp-chinese-formal; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-simp-chinese-formal"><u>List style type - simp-chinese-formal</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - simp-chinese-informal
Here is an example of list-style-type: simp-chinese-informal CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-simp-chinese-informal { list-style-type: simp-chinese-informal; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-simp-chinese-informal"><u>List style type - simp-chinese-informal</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - tamil
Here is an example of list-style-type: tamil CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-tamil { list-style-type: tamil; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-tamil"><u>List style type - tamil</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - telugu
Here is an example of list-style-type: telugu CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-telugu { list-style-type: telugu; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-telugu"><u>List style type - telugu</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - thai
Here is an example of list-style-type: thai CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-thai { list-style-type: thai; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-thai"><u>List style type - thai</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - tibetan
Here is an example of list-style-type: tibetan CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-tibetan { list-style-type: tibetan; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-tibetan"><u>List style type - tibetan</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - trad-chinese-formal
Here is an example of list-style-type: trad-chinese-formal CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-trad-chinese-formal { list-style-type: trad-chinese-formal; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-trad-chinese-formal"><u>List style type - trad-chinese-formal</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - trad-chinese-informal
Here is an example of list-style-type: trad-chinese-informal CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-trad-chinese-informal { list-style-type: trad-chinese-informal; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-trad-chinese-informal"><u>List style type - trad-chinese-informal</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - upper-armenian
Here is an example of list-style-type: upper-armenian CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-upper-armenian { list-style-type: upper-armenian; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-upper-armenian"><u>List style type - upper-armenian</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - disclosure-open
Here is an example of list-style-type: disclosure-open CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-disclosure-open { list-style-type: disclosure-open; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-disclosure-open"><u>List style type - disclosure-open</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>
CSS list-style-type - disclosure-closed
Here is an example of list-style-type: disclosure-closed CSS property for an unordered list with <counter-style> values:
<html> <head> <style> .type-disclosure-closed { list-style-type: disclosure-closed; } </style> </head> <body> <h2>Unordered list - list style type</h2> <ul class="type-disclosure-closed"><u>List style type - disclosure-closed</u> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ul> </body> </html>