Tag HTML <hr>

definicja i użycie

<hr> etykieta definiuje oddzielenie tematyczne na stronie HTML (np. zmiana tematu).

<hr> Elementy są zazwyczaj wyświetlane jako poziome linie, używane do oddzielania treści na stronie HTML lub definiowania zmiany treści.

Zobacz również:

Podręcznik referencyjny HTML DOM:obiekt HR

przykład

przykład 1

używając <hr> etykiety do definiowania zmiany tematycznej w treści:

<h1>Podstawowe języki Internetu</h1>
<p>HTML to standardowy język znaczników do tworzenia stron internetowych. HTML opisuje strukturę stron internetowych, która składa się z szeregu elementów......</p>
<hr>
<p>CSS to język opisujący sposób wyświetlania elementów HTML na ekranie, papierze lub innym medium......</p>
<hr>
<p>JavaScript jest językiem programowania HTML i Internetu. JavaScript może zmieniać zawartość i wartości atrybutów HTML......</p>

Spróbuj sam

przykład 2

wyrównanie <hr> element (używając CSS):

<hr style="width:50%;text-align:left;margin-left:0">

Spróbuj sam

przykład 3

bez cień <hr> (używając CSS):

<hr style="height:2px;border-width:0;color:gray;background-color:gray">

Spróbuj sam

Przykład 4

Ustawienie <hr> Wysokość elementu (używając CSS):

<hr style="height:30px">

Spróbuj sam

Przykład 5

Ustawienie <hr> Szerokość elementu (używając CSS):

<hr style="width:50%">

Spróbuj sam

Globalne atrybuty

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

Atrybuty wydarzeń

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

Domyślne ustawienia CSS

Większość przeglądarek wyświetli wartości domyślne poniżej <hr> Element:

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

Spróbuj sam

Obsługa przeglądarek

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