Inherit. Takes the size, the weight and the family of the element around it.

``` \n**Element**: ```razor An h2 drawn at the size of an h4 An h4 look with no heading semantics (span) Strongly emphasized body text A quotation, in a blockquote var text = new BitText(); An invalid tag name falls back to the variant's tag (p) A void element holds no content, so this is not rendered ``` \n**Weight & emphasis**: ```razor Light weight Regular weight Medium weight Semibold weight Bold weight Italic Underline Strikethrough Underline and strikethrough Uppercase transform capitalize transform None, undoing the overline's uppercase ``` \n**Numbers & monospace**: ```razor

Default 1,111.11 8,888.88

Numeric 1,111.11 8,888.88

Monospace 1,111.11 8,888.88

var text = new BitText { Monospace = true }; ``` \n**Truncation**: ```razor

NoWrap Once upon a time, stories wove connections between people, a symphony of voices crafting shared dreams.

NoWrap + Block on an inline caption Once upon a time, stories wove connections between people, a symphony of voices.

LineClamp="2", with a title Once upon a time, stories wove connections between people, a symphony of voices crafting shared dreams that outlasted every night they were told in.

``` \n**Wrapping**: ```razor

BreakWord A path: /a/very/long/path/segment/that/never/breaks/on/its/own/anywhere.txt

ForceBreak 1234567890123456789012345678901234567890123456789012345678901234567890

Wrap="Balance" A heading whose lines are balanced against each other

Hyphenate An incomprehensibly complicated internationalization responsibility.

PreserveWhitespace @(@"Dear reader, Blank lines and indents survive, and a line this long still wraps.")

``` \n**Align**: ```razor

Start Center End Justify. Once upon a time, stories wove connections between people, a symphony of voices crafting shared dreams.

``` \n**Gutter & trim**: ```razor

A heading with a gutter A paragraph with a smaller gutter A paragraph with none

None

Start

End

Both

``` \n**Foreground & gradient**: ```razor Primary foreground Secondary foreground Tertiary foreground A gradient headline A radial gradient Body text fading out into nothing ``` \n**Accessibility**: ```razor A div announced as a level 3 heading An h2 announced as a level 4 heading Read out by a screen reader, drawn nowhere. Skip to the next example Bonjour tout le monde This text cannot be selected ``` \n**Visibility & disabled**: ```razor

Visible: [Visible text]

Hidden: [Hidden text]

Collapsed: [Collapsed text]

Disabled text Disabled text, keeping its gradient ``` \n**Cascading parameters**: ```razor Takes the variant, the weight and the transform from the cascade So does this one Its own transform, the cascaded variant and weight Outside the cascade ``` ```csharp private readonly BitTextParams[] textParams = [ new() { Typography = BitTypography.Body1, Weight = BitFontWeight.Semibold, Transform = BitTextTransform.Uppercase, } ]; ``` \n**Color**: ```razor Primary Secondary Tertiary Info Success Warning SevereWarning Error

PrimaryBackground SecondaryBackground TertiaryBackground

PrimaryForeground SecondaryForeground TertiaryForeground PrimaryBorder SecondaryBorder TertiaryBorder ``` \n**Style & Class**: ```razor Styled through Style Classed through Class Splatted class and style, kept beside the alignment

    A heading in a family of its own
    Color from --bit-Text-color
    Underline restyled through the decoration variables
    Monospace in another family
    An explicit Color still wins

``` \n**RTL**: ```razor این یک عنوان راست‌چین است این متن از لبه‌ی آغازین چیده شده است. این متن از لبه‌ی پایانی چیده شده است. ```