CSS Components / Utilities / List Style

Utilities: List Style

Use these utility classes to set the appearance for list items. Snippets below demonstrate utility styling.

.u-list-style-circle

  • One
  • Two
  • Three

.u-list-style-decimal

  1. One
  2. Two
  3. Three

.u-list-style-decimal-leading-zero

  1. One
  2. Two
  3. Three

.u-list-style-disc

  • One
  • Two
  • Three

.u-list-style-lower-alpha

  1. One
  2. Two
  3. Three

.u-list-style-lower-roman

  1. One
  2. Two
  3. Three

.u-list-style-none

  • One
  • Two
  • Three

.u-list-style-square

  • One
  • Two
  • Three

.u-list-style-upper-alpha

  1. One
  2. Two
  3. Three

.u-list-style-upper-roman

  1. One
  2. Two
  3. Three