Unlock 30% off on Manual Testing Annual Plans this Holiday Season.

Copied to Clipboard!

Next-Gen App & Browser
Testing Cloud

Trusted by 2 Mn+ QAs & Devs to accelerate their release cycles

Start free with Google Start free with Email

CSS text-indent

The text-indent CSS property specifies the indentation that lines of inline content in a block are indented from its “normal” position.

Last updated on : 2023-03-20

Browser Versions

Edge

Firefox

Chrome

Safari

Opera

5.5 - 11

12 - 111

2 - 113

4 - 114

3.2 - 16

16.1 - 16.4

9.5 - 95

Fully Supported

Partially

No Support

Formal Definition

Inherited

yes

Applies to

block containers

Percentages

refer to the width of the containing block

Initial value

Animation type

a length, percentage or calc();

Computed value

the percentage as specified or the absolute length, plus any keywords as specified

Specifications

CSS Text Module Level 3 # text-indent-property

Syntax

/* <length> values */
 text-indent: 3mm;
 text-indent: 40px;
 /* <percentage> value relative to the containing block width */
 text-indent: 15%;
 /* Keyword values */
 text-indent: 5em each-line;
 text-indent: 5em hanging;
 text-indent: 5em hanging each-line;
 /* Global values */
 text-indent: inherit;
 text-indent: initial;
 text-indent: revert;
 text-indent: unset;

Browser Compatibility

CSS text-indent on IE is partially supported on all IE versions.

CSS text-indent on Edge is partially supported on all Edge versions.

CSS text-indent on Firefox is partially supported on all Firefox versions.

CSS text-indent on Chrome is partially supported on all Chrome versions.

CSS text-indent on Safari is fully supported on 16.1-16.4 and partially supported on 3.2-16 Safari versions.

CSS text-indent on Opera is partially supported on all Opera versions.

CSS text-indent on Safari on iOS is fully supported on 16.1-16.4 and partially supported on 3.2-16 Safari on iOS versions.

CSS text-indent on Android Browser is partially supported on all Android Browser versions.

CSS text-indent on Opera Mobile is partially supported on all Opera Mobile versions.

CSS text-indent on Chrome for Android is partially supported on all Chrome for Android versions.

CSS text-indent on Firefox for Android is partially supported on all Firefox for Android versions.

CSS text-indent on Samsung Internet is partially supported on all Samsung Internet versions.

Browser Support for CSS text-indent

CSS text-indent on Chrome

CSS text-indent on Safari

CSS text-indent on Firefox

CSS text-indent on Internet Explorer

CSS text-indent on Opera

CSS text-indent on Edge

References

Data sourced from

100

High

Overall Browser Compatibility Score

Note:CSS text-indent shows a browser compatibility score of 100. This is a collective score out of 100 to represent browser support of a web technology. The higher this score is, the greater is the browser compatibility. The browser compatibility score is not a 100% reflection for every browser and the web technology support. However, it does give you an estimate on how much you should rely on a particular web technology in terms of browser compatibility.

Test on 3000+ browsers for CSS text-indent & more

Test your website for CSS text-indent and other web technologies. Get 100 FREE automation test minutes!

Test Now