35 lines
1.9 KiB
Markdown
35 lines
1.9 KiB
Markdown
|
---
|
|||
|
title: Text Indent Property
|
|||
|
localeTitle: Свойство отпечатка текста
|
|||
|
---
|
|||
|
## Свойство отпечатка текста
|
|||
|
|
|||
|
Свойство css `text-indent` определяет количество отступов (пустое пространство), которое помещается перед строками текста в блоке. По умолчанию это определяет отступ только первой отформатированной строки блока, но для изменения этого поведения можно использовать `hanging` и ключевые слова в `each-line` .
|
|||
|
|
|||
|
**Ключевые слова**
|
|||
|
|
|||
|
`hanging` - отступы влияют на первую строку контейнерного блока, а также каждую строку после вынужденного прерывания строки, но не влияют на линии после разрыва мягкой упаковки.
|
|||
|
|
|||
|
`each-line` - инвертирует строки с отступом. Все строки, кроме первой строки, будут отступы.
|
|||
|
|
|||
|
**Синтаксис**
|
|||
|
|
|||
|
```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;
|
|||
|
```
|
|||
|
|
|||
|
_Примечание: в настоящее время поддержка ключевых слов `hanging` и `each-line` доступна только за флажком функций Experimental Web Platform_
|
|||
|
|
|||
|
### Дополнительная информация:
|
|||
|
|
|||
|
* [MDN Doc для `text-indent`](https://developer.mozilla.org/en-US/docs/Web/CSS/text-indent)
|
|||
|
* [Поддержка браузера для `text-indent`](http://caniuse.com/#feat=css-text-indent)
|