Типография
Утилиты для управления капитализацией текста.
Class | Styles |
---|---|
uppercase | text-transform: uppercase; |
lowercase | text-transform: lowercase; |
capitalize | text-transform: capitalize; |
normal-case | text-transform: none; |
Используйте утилиту uppercase
для преобразования текста элемента в верхний регистр:
Быстрая коричневая лиса перепрыгивает через ленивую собаку.
<p class="uppercase">Быстрая коричневая лиса перепрыгивает через ленивую собаку ...</p>
Используйте утилиту lowercase
для преобразования текста элемента в нижний регистр:
Быстрая коричневая лиса перепрыгивает через ленивую собаку.
<p class="lowercase">Быстрая коричневая лиса перепрыгивает через ленивую собаку ...</p>
Используйте утилиту capitalize
для капитализации текста элемента:
Быстрая коричневая лиса перепрыгивает через ленивую собаку.
<p class="capitalize">Быстрая коричневая лиса перепрыгивает через ленивую собаку ...</p>
Используйте утилиту normal-case
для сохранения оригинального регистра текста элемента — обычно используется для сброса капитализации на разных контрольных точках:
Быстрая коричневая лиса перепрыгивает через ленивую собаку.
<p class="normal-case">Быстрая коричневая лиса перепрыгивает через ленивую собаку ...</p>
Префикс a text-transform
утилита с вариантом контрольной точки, например md:
, чтобы применить утилиту только при размерах экрана medium и выше:
<p class="capitalize md:uppercase ..."> Lorem ipsum dolor sit amet...</p>
Подробнее об использовании вариантов читайте в документации по вариантам.