Tag HTML <pre>

Definicja i użycie

<pre> Etykieta definiuje wstępnie sformatowany tekst.

<pre> Tekst w elemencie jest wyświetlany w czcionce o stałej szerokości, zachowując spację i znaki nowej linii. Tekst będzie wyświetlany w sposób dokładnie taki, jak jest zapisany w kodzie HTML.

Zobacz również:

Etykieta Opis
<code> Zdefiniuj przykładowy wyjście programu komputerowego.
<samp> Zdefiniuj wejście klawiatury.
<kbd> Zdefiniuj wejście klawiatury.
<var> Zdefiniuj zmienną.

Zobacz również:

Kurs HTML:Formatowanie tekstu HTML

Podręcznik HTML DOM:Obiekt Pre

Przykład

Przykład 1

Tekst wstępnie sformatowany:

<pre>
Tekst w elemencie pre
Wyświetlana w czcionce o stałej szerokości,
Ileś z nich zachować jednocześnie
Spacje          i
Znak nowej linii.
</pre>

Spróbuj sam

Przykład 2

Jak utworzyć tekst wyrównany do szerokości (używając CSS):

<div style="width:200px;overflow:auto">
<pre>Pre z ustalonym szerokością. Użyje określonej przestrzeni.</pre>
</div>

Spróbuj sam

Globalne atrybuty

<pre> Tagi te obsługują również Globalne atrybuty HTML.

Atrybuty wydarzeń

<pre> Tagi te obsługują również Atrybuty wydarzeń w HTML.

Domyślne ustawienia CSS

Większość przeglądarek używa następujących domyślnych wartości do wyświetlania <pre> Element:

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

Spróbuj sam

Obsługa przeglądarek

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Wsparcie Wsparcie Wsparcie Wsparcie Wsparcie