tailwindcss/docs/source/docs/text-style.blade.md

5.9 KiB

extends title
_layouts.documentation Style & Decoration

Style & Decoration

Utilities for controlling the text style of an element.

@include('_partials.feature-badges', [ 'responsive' => true, 'customizable' => true, 'hover' => false, 'focus' => false ])

Class Properties Description
.italic font-style: italic; Italicizes the text within an element.
.roman font-style: normal; Sets the text to roman (disables italics) within an element.
.uppercase text-transform: uppercase; Makes all text uppercase within an element.
.lowercase text-transform: lowercase; Makes all text lowercase within an element.
.capitalize text-transform: capitalize; Capitalizes the text within an element.
.normal-case text-transform: none; Disables any text transformations previously applied to an element.
.underline text-decoration: underline; Underlines the text within an element.
.line-through text-decoration: line-through; Adds a line through the text within an element.
.no-underline text-decoration: none; Disables any text decorations previously applied to an element.
.antialiased -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
Set the font smoothing of an element to antialiased.
.subpixel-antialiased -webkit-font-smoothing: auto;
-moz-osx-font-smoothing: auto;
Set the font smoothing of an element to subpixel antialiasing (the default).