Ostatnio edytowany:

hr

Autor: Virtual Patriot

Przeznaczenie elementu hr

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

Dodatkowe techniczne informacje o elemencie hr

kategoria ogólna
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
składnia HTML
  • <hr>
pominięcie tagu na początku
  • nigdy
pominięcie tagu na końcu
  • zawsze
CSS display
  • block

Dodatkowe domyślne reguły CSS elementu hr

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

Interpretacja elementu hr

Firefox

tak

Google Chrome

tak

Safari

tak

Opera

tak

Internet Explorer

tak

Edge

tak