CSS text-indent Property


Example

Indent the first line of all <p> elements with 50 pixels:

p {
    text-indent: 50px;
}

Try it yourself »

Definition and Usage

The text-indent property specifies the indentation of the first line in a text-block.

Note: Negative values are allowed. The first line will be indented to the left if the value is negative.

Default value: 0
Inherited: yes
Animatable: yes. Read about animatable Try it
Version: CSS1
JavaScript syntax: object.style.textIndent="50px" Try it


Browser Support

The numbers in the table specify the first browser version that fully supports the property.

Property
text-indent 1.0 3.0 1.0 1.0 3.5


CSS Syntax

text-indent: length|initial|inherit;

Property Values

Value Description Play it
length Defines a fixed indentation in px, pt, cm, em, etc. Default value is 0 Play it »
% Defines the indentation in % of the width of the parent element Play it »
initial Sets this property to its default value. Read about initial Play it »
inherit Inherits this property from its parent element. Read about inherit


Related Pages

CSS tutorial: CSS Text

HTML DOM reference: textIndent property



Color Picker

colorpicker