Black Lives Matter! ✊🏾

list-style-type

Specifies the marker string, which is used to fill the list item’s marker when its content value is normal and there is no marker image. 3.4. Text-based Markers: the list-style-type property

Links about list-style-type

  1. List Style Recipes | CSS-Tricks

    posted on by Chris Coyier

    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

  2. Here’s what I didn’t know about list-style-type

    posted on by Manuel Matuzović

    In Chrome 79+, Firefox 39+, and Opera 66+ it’s possible to define a string value as the bullet of an ordered or unordered list.

  3. “Fixing” Lists | scottohara.me

    posted on by Scott O'Hara

    In September of 2017 Gerard K. Cohen of Unfettered Thoughts posted an article on the how VoiceOver and Safari (Webkit) (macOS and iOS) remove list element se...

  4. VoiceOver and list-style-type: none

    posted on by Unfettered Thoughts

    With that bit of additional CSS, we are able to return the list semantics for VoiceOver users without needing to touch the markup.

  5. list-style-type

    posted on by MDN

    The list-style-type CSS property sets the marker (such as a disc, character, or custom counter style) of a list item element.

  6. list-style | CSS-Tricks

    posted on by Sara Cope

    The list-style property is a shorthand property that sets values for three different list-related properties in one declaration: ul { list-style: || || ;

This might be interesting as well

  • ::marker | CSS-Tricks

    posted on by Geoff Graham

    The ::marker pseudo-element is for applying list-style attributes on a given element. It effectively targets the bullet-point or number generated by a

  • Code sample

    ol {
    list-style-type: lower-roman;
    }