36 lines
1.2 KiB
Markdown
36 lines
1.2 KiB
Markdown
|
---
|
||
|
|
title: Text Indent Property
|
||
|
|
---
|
||
|
|
## Text Indent Property
|
||
|
|
|
||
|
|
The `text-indent` css property specifies the amount of indentation (empty space) that is put before lines of text in a block. By default, this controls the indentation of only the first formatted line of the block, but the `hanging` and `each-line` keywords can be used to change this behavior.
|
||
|
|
|
||
|
|
**Keywords**
|
||
|
|
|
||
|
|
`hanging` - Indentation affects the first line of the block container as well as each line after a forced line break, but does not affect lines after a soft wrap break.
|
||
|
|
|
||
|
|
`each-line` - Inverts which lines are indented. All lines except the first line will be indented.
|
||
|
|
|
||
|
|
**Syntax**
|
||
|
|
|
||
|
|
```css
|
||
|
|
/* <length> values */
|
||
|
|
text-indent: 40px;
|
||
|
|
|
||
|
|
/* <percentage> value relative to the containing block width */
|
||
|
|
text-indent: 10%;
|
||
|
|
|
||
|
|
/* Keyword values */
|
||
|
|
text-indent: 2em each-line;
|
||
|
|
text-indent: 2em hanging;
|
||
|
|
text-indent: 2em hanging each-line;
|
||
|
|
|
||
|
|
```
|
||
|
|
|
||
|
|
_Note: currently support for keywords `hanging` and `each-line` is only available behind the Experimental Web Platform features flag_
|
||
|
|
|
||
|
|
### More Information:
|
||
|
|
|
||
|
|
- [MDN Doc on `text-indent`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent)
|
||
|
|
- [Browser support for `text-indent`](http://caniuse.com/#feat=css-text-indent)
|