HTML <pre> -elementti

Määrittely ja käyttö

<pre> Tunniste määrittää esipäätetyn tekstin.

<pre> Elementin teksti näytetään leveäkirjasinmuodossa, teksti säilyttää välilyönnit ja rivinvaihdot. Teksti näytetään täysin HTML-lähdetiedoston kirjoittamisen mukaan.

Katso myös:

Tunniste Kuvaus
<code> Määritä tietokoneohjelman esimerkkisyöte.
<samp> Määritä näppäimistösyöte.
<kbd> Määritä näppäimistösyöte.
<var> Määritä muuttuja.

Katso myös:

HTML-opas:HTML tekstin muotoilu

HTML DOM -viittausopas:Pre-objekti

Esimerkki

Esimerkki 1

Esipäätetty teksti:

<pre>
pre-elementin teksti
Leveä kirjasin näytetään
Samalla säilytetään
Väliä          ja
Rivinvaihtomerkit.
</pre>

Kokeile itse

Esimerkki 2

Miten luoda kiinteäleveys olevaa muotoiltua tekstiä (käyttämällä CSS):

<div style="width:200px;overflow:auto">
<pre>Pre, jolla on kiinteä leveys. Se käyttää määritettyä tilaa.</pre>
</div>

Kokeile itse

Globaalit ominaisuudet

<pre> Tagi tukee myös HTML:n globaalit ominaisuudet。

tapahtumamäärittelyominaisuuksia

<pre> Tagi tukee myös HTML:n tapahtumamäärittelyominaisuudet。

Oletusarvoiset CSS-asetukset

Useimmat selaimet näyttävät seuraavat oletusarvot <pre> Elementti：

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

Kokeile itse

Selaimen tuki

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Tuki Tuki Tuki Tuki Tuki