НАЙКРАЩИЙ САЙТ ДЛЯ ВЕБ-РОЗРОБНИКІВ
HTML5. W3Schools українською. Повний довідник тегів

En

HTML Тег <pre>


Приклад

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

<pre>
Текст у попередньому елементі
відображається шрифтом
фіксованої ширини, і він зберігає
обидва      пробіли та
розриви рядків
</pre>
Спробуйте самі »

Більше прикладів "Спробуйте самі" далі.


Визначення та використання

Тег <pre> визначає попередньо відформатований текст.

Текст в елементі <pre> відображається шрифтом фіксованої ширини, і в тексті зберігаються пробіли та розриви рядків. Текст відображатиметься точно так, як написано у вихідному коді HTML.

Також перегляньте:

Тег Опис
<code> Визначає частину комп’ютерного коду
<samp> Визначає вихідний зразок комп’ютерної програми
<kbd> Визначає введення з клавіатури
<var> Визначає змінну

Підтримка браузерами

Елемент
<pre> Так Так Так Так Так

Глобальні атрибути

Тег <pre> також підтримує Глобальні атрибути в HTML.


Атрибути подій

Тег <pre> також підтримує Атрибути подій в HTML.


Більше прикладів

Приклад

Як створити попередньо відформатований текст із фіксованою шириною (за допомогою CSS):

<div style="width:200px;overflow:auto">
<pre>Цей pre з фіксованою шириною. Він займатиме стільки місця, скільки вказано.</pre>
</div>
Спробуйте самі »

Пов’язані сторінки

HTML Підручник: HTML Форматування тексту

HTML DOM довідник: Об’єкт Pre


CSS налаштування за замовчуванням

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

Приклад

pre {
  display: block;
  font-family: monospace;
  white-space: pre;
  margin: 1em 0;
}
Спробуйте самі »