HTML <pre> тег

  • Предыдущая страница <picture>
  • Следующая страница <progress>

Определение и использование

<pre> Тег определяет предварительно отформатированный текст.

<pre> Текст в элементе отображается с равномерной шириной шрифта, текст сохраняет пробелы и переводы строк. Текст будет отображаться полностью в том же порядке, как он написан в исходном HTML-коде.

См. также:

Тег Описание
<code> Определение примера вывода компьютерной программы.
<samp> Определение клавиатурного ввода.
<kbd> Определение клавиатурного ввода.
<var> Определение переменных.

См. также:

Учебник по HTML:Форматирование текста HTML

Руководство по HTML DOM:Объект Pre

Пример

Пример 1

Предварительно отформатированный текст:

<pre>
Текст в элементе pre
Отображается с равномерной шириной шрифта,
И также сохраняется
Пробелы          и
Перенос строки.
</pre>

Попробуйте сами

Пример 2

Как создать текст с фиксированной шириной (используя CSS):

<div style="width:200px;overflow:auto">
<pre>Это pre с фиксированной шириной. Он будет использовать указанное пространство.</pre>
</div>

Попробуйте сами

Глобальные свойства

<pre> Тег также поддерживает Глобальные свойства в HTML.

свойства событий

<pre> Тег также поддерживает Свойства событий в HTML.

Стандартные CSS настройки

Большинство браузеров будут использовать следующие значения по умолчанию для отображения <pre> Элемент:

pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0;
}

Попробуйте сами

Поддержка браузеров

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Поддержка Поддержка Поддержка Поддержка Поддержка
  • Предыдущая страница <picture>
  • Следующая страница <progress>