The list-style-type property specifies the type of list item marker. The following example shows some of the available list item markers: Note: Some of the values are for unordered lists, and some for ordered lists. The list-style-image property specifies an image as the list item marker:

Mar 10, 2025 · The list-style CSS shorthand property allows you to set all the list style properties at once. The values of this property are applied to list items, including <li> elements and elements with display: list-item;.

Sep 5, 2011 · The list-style-type property defines the type of list by setting the content of each marker, or bullet, on the list. Acceptable keyword values for list-style-type include: disc; circle; square; decimal; decimal-leading-zero; lower-roman; upper-roman; lower-greek; lower-latin; upper-latin; armenian; georgian; lower-alpha; upper-alpha; none; MDN ...

Set some different list styles: More "Try it Yourself" examples below. The list-style-type specifies the type of list-item marker in a list. Show demo . The numbers in the table specify the first browser version that fully supports the property.

One ordered (<ol>) and one unordered (<ul>) HTML list: More "Try it Yourself" examples below. The <li> tag defines a list item. The <li> tag is used inside ordered lists (<ol>), unordered lists (<ul>), and in menu lists (<menu>). In <ul> and <menu>, the list items will usually be displayed with bullet points.

6 days ago · list-style-type: Sets the type of bullets to use for the list, for example, square or circle bullets for an unordered list, or numbers, letters, or roman numerals for an ordered list. list-style-position: Sets whether the bullets, at the start of each item, appear inside or outside the lists.

By default, your list marker will look like a small disc. You can change the way it looks and set different list item markers by applying the list-style-type property to the list (<ul>). By way of illustration, we’ll apply this rule to the each individual <li> element inside their parent <ul>:

May 5, 2020 · Lists are a fundamental part of HTML! They are useful in things like blog posts for listing out steps, recipes for listing ingredients, or items in a navigation menu. Not only are they an opportunity for styling, but they have accessibility implications.

Dec 22, 2019 · There are three common properties specific to styling lists: list-style-type, list-style-position, and list-style-image. There is also a shorthand property which includes all three. The markers (or bullet points) that appear in ordered and unordered lists can be …

Jul 31, 2012 · As far as I can see you have two options: 1) specifically avoid resetting list styles so you keep the defaults 2) reset them, and come up with your own list styles.