1. Типография
  2. list-style-position

Типография

list-style-position

Утилиты для управления позицией маркеров и номеров в списках.

ClassStyles
list-inside
list-style-position: inside;
list-outside
list-style-position: outside;

Примеры

Базовый пример

Используйте утилиты типа list-inside и list-outside для управления позицией маркеров и отступом текста в списке:

list-inside

  • 5 чашек нарезанных грибов порчини
  • 1/2 чашки оливкового масла
  • 3 фунта сельдерея

list-outside

  • 5 чашек нарезанных грибов порчини
  • 1/2 чашки оливкового масла
  • 3 фунта сельдерея
<ul class="list-inside">  <li>5 чашек нарезанных грибов порчини</li>  <!-- ... --></ul><ul class="list-outside">  <li>5 чашек нарезанных грибов порчини</li>  <!-- ... --></ul>

Адаптивный дизайн

Префикс a list-style-position утилита с вариантом контрольной точки, например md:, чтобы применить утилиту только при размерах экрана medium и выше:

<ul class="list-outside md:list-inside ...">  <!-- ... --></ul>

Подробнее об использовании вариантов читайте в документации по вариантам.

Авторские права © 2025 Tailwind Labs Inc.·Политика в отношении товарных знаков