textual/docs/styles/css_units/fractional.md

Fractional

Syntax

--8<-- "docs/styles/snippets/fractional_syntax.md"

!!! warning

Not to be confused with the [percentage](./percentage.md) unit nor with the [scalar](./scalar.md) unit.

Examples

Widget {
    text-opacity: 0.45;
    text-opacity: 45%;
}

widget.styles.text_opacity = 0.45
widget.styles.text_opacity = "45%"

Used by

• opacity
• text-opacity