hr

Element hr reprezentuje przerwę tematyczną w treści, np. przejście tematyczne pomiędzy dwoma akapitami treści.

• Progres VI - Nagłówek treści

kategoria ogólna

zawartość opływająca

kontekst zewnętrzny

element HTML, który tworzy wewnętrzny kontekst opływający

Przykładowy Kod HTML

<article>
  <h1>Moje ulubione kwiaty</h1>

  <p>akapit treści o różach</p>

  <hr>

  <p>akapit treści o tulipanach</p>
</article>

Kontekstem zewnętrznym przykładowego elementu "hr" jest element "article". Wspomniany element "article" jest jednym z elementów HTML, które tworzą wewnętrzny kontekst opływający, dlatego w tej sytuacji wspomniany kontekst zewnętrzny, czyli element "article", jest prawidłowym kontekstem zewnętrznym dla elementu "hr".

kontekst wewnętrzny

brak

wymagane elementy dzieci

brak

wymagane atrybuty

brak

zdolność fallback

nie dotyczy

składnia HTML

<hr>

pominięcie tagu na początku

nigdy

pominięcie tagu na końcu

zawsze

CSS display

block

hr {
  display:block;
  margin-top:0.5em;
  margin-right:auto;
  margin-bottom:0.5em;
  margin-left:auto;
  border-width:1px;
  border-style:inset;
}

tak

tak

tak

tak

tak

tak