text-indent#

Introduction#

The text-indent attribute can define the indentation before the first line of text content of a text.

Examples#

css-apisrc/text-indent/App.tsx

Preview

Syntax#

/* <length> values */
text-indent: 40px;

/* <percentage> value
   relative to the containing block width */
text-indent: 15%;

Values#

• <length> Length value, defaults to 0

• <percentage> Percentage relative to the text width

Formal definition#

Formal syntax#

Difference with web#

When writing percentage, you need to specify the width of the text element, otherwise, it will not take effect

Compatibility#