mirror of
https://github.com/tailwindlabs/tailwindcss.git
synced 2025-12-08 21:36:08 +00:00
4.8 KiB
4.8 KiB
| extends | title |
|---|---|
| _layouts.documentation | Text Sizing |
Text Sizing
Utilities for controlling the text size of an element.
@include('_partials.feature-badges', [ 'responsive' => true, 'customizable' => true, 'hover' => false, 'focus' => false ])
@include('_partials.work-in-progress')
| Class | Properties | Description |
|---|---|---|
| .text-xs | font-size: .75rem; | Set the text size to .75rem (12px). |
| .text-sm | font-size: .875rem; | Set the text size to .875rem (14px). |
| .text-base | font-size: 1rem; | Set the text size to 1rem (16px). |
| .text-lg | font-size: 1.125rem; | Set the text size to 1.125rem (18px). |
| .text-xl | font-size: 1.25rem; | Set the text size to 1.25rem (20px). |
| .text-2xl | font-size: 1.5rem; | Set the text size to 1.5rem (24px). |
| .text-3xl | font-size: 1.875rem; | Set the text size to 1.875rem (30px). |
| .text-4xl | font-size: 2.25rem; | Set the text size to 2.25rem (36px). |
| .text-5xl | font-size: 3rem; | Set the text size to 3rem (48px). |