CSS - отступ текста

Описание

Свойство text-indent определяет расстояние отступа для первой строки текста в элементе уровня блока.

Возможные значения

  • length- Любое значение длины. Для свойства разрешена отрицательная длина, что создаст эффект «висячего отступа».

  • percentage - Первая строка текста имеет отступ по отношению к ширине блока, содержащего элемент.

Относится к

Все элементы блочного уровня.

Синтаксис DOM

object.style.textIndent = "20px";

пример

Ниже приведен пример, который демонстрирует, как сделать отступ в первой строке абзаца.

<html>
   <head>
   </head>

   <body>
      <p style = "text-indent:1cm;">
         This text will have first line indented by 1cm 
      </p>
      
      <p style = "text-indent:1cm;">
         this line will remain at its actual position this is done by 
         CSS text-indent property.
      </p>
   </body>
</html>

Это даст следующий результат -


CSS Адаптивный

Language