Text-indent

Пример: р {text-indent:3em}, допустимые значения: любые числа, положительные или отрицательные.

Это свойство задает начальную позицию текстовой рамки по отношению к содержащему ее элементу, или попросту говоря, отступ.

Обычно по умолчанию первая строка не имеет отступа. Если задать для свойства text-indent положительное значение, первая строка сдвинется вправо.

Указав отрицательное значение, мы создадим выступ. Если вы задаете выступ, убедитесь, что для выступающей за пределы контейнеры первой строки есть достаточно места, и она не будет наползать на соседний, расположенный слева, элемент. Если текст расположен возле левой кромки окна, выступающий текст будет обрезан.

Избежать этого можно всегда, указывая положительное левое поле, превышающее левый выступ. Создадим выступ -1,5 em, и добавим левое поле величиной 2 em:

p {text-indent: -1.5em; margin-left :2em; border: 1px solid red;}

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

Рекомендуется задавать отступы и поля в em, чтобы они оставались пропорциональными по отношению к длине строки, если пользователь решит изменить размер шрифта.

Если вы хотите сэкономить место и отказаться от отступов между абзацами, можно задать верхнее и нижнее поле равным нулю и использовать выступы или отступы для логического выделения абзацев.




Rambler's Top100