Справочник по CSS : Тематический указатель : Справочник по свойствам и атрибутам : Шрифт и текст : text-indent

смотрим также

Материал из Справочник Web-языков

Перейти к: навигация, поиск


Содержание

Атрибут text-indent | Свойство textIndent

Задает отступ для первой строки текста в объекте.

Синтаксис

HTML { text-indent : sIndent }
Скрипты [ sIndent = ] object.style.textIndent

Используемые значения

sIndent
Строка, которая может определять и принимать одно из следующих значений:
length
Вещественное число, выраженное в абсолютных (cm, mm, in, pt, или pc) или относительных (em, ex, или px) единицах измерения.
percentage
Целое число, выраженное в процентах (%). Проценты высчитываются от ширины объекта-родителя.

Это свойство читается/записывается для всех объектов, кроме currentStyle (только чтение). Значением по умолчанию является 0 (ноль). Атрибут Каскадных таблиц стилей (CSS) наследуется.

Замечания

Для данного свойства можно задавать отрицательные значения; у первой строки текста будет выступ. Важно только убедиться, что при этом текст остается читабельным.

Это свойство применяется к элементам типа блок (block).

Отступ для строки не вставляется в середину объекта, который в свою очередь разделен другим объектом, например таким как br.

Примеры

Следующие примеры показывают как использовать атрибут text-indent и свойство textIndent для задания отступа строке текста.

В первом примере используется трибут text-indent для изменения размера отступа при клике на объект.

<STYLE>
    DIV { text-indent:2cm }
    .click1 { text-indent:50% }
    .click2 { text-indent: }
</STYLE>
</HEAD>
<BODY>
<DIV onclick="this.className='click1'"
    ondblclick="this.className='click2'">
. . . </DIV>

Во втором примере задается отступ 2 сантиметра для первой строки текста в объекте div, при наведении на него курсора мыши.

<DIV onmouseover=this.style.textIndent="2cm"
:
</DIV>

Стандарты

Это свойство описано в Cascading Style Sheets (CSS), Level 1 (CSS1)

Поддерживаемые браузеры

Internet Explorer 5.5, 6.0, 7.0, 8.0

Opera 7.0, 8.0, 9.2, 9.5

Safari 1.3, 2.0, 3.1

Firefox 1.5, 2.0, 3.0

Ссылки на источники

https://msdn.microsoft.com/en-us/library/ms531171(VS.85).aspx

https://developer.mozilla.org/en/CSS/text-indent

Добавить страницу в закладки:
РАЗРЕШАЕТСЯ перепечатывать и копировать информацию ТОЛЬКО ПРИ РАЗМЕЩЕНИИ ссылки на оригинал!
(<A href="https://www.spravkaweb.ru/">Справочник Web-языков</A>)
другие проекты
Rambler\'s Top100 Индекс цитирования