---
title: hr
slug: Web/HTML/Element/hr
tags:
  - 'HTML:Opis_elementów'
translation_of: Web/HTML/Element/hr
---
<p> </p>

<p> </p>

<h3 id="Podsumowanie" name="Podsumowanie">Podsumowanie</h3>

<p>Element <code><strong>&lt;hr&gt;</strong></code> reprezentuje zmianę tematu pomiędzy akapitami, np. zmiana sceny w powieści lub przejście do innego tematu w sekcji. W poprzednich wersjach HTML znacznik <code><strong>&lt;hr&gt;</strong></code> reprezentował poziomą linię. Niektóre przeglądarki nadal mogą wyświetlać go jako wypukłą lub wklęsłą linię, jednak ma on ściśle zdefiniowane semantyczne znaczenie i nie służy względom prezentacyjnym.</p>

<h3 id="Atrybuty" name="Atrybuty">Atrybuty</h3>

<dl>
 <dt>align {{ Deprecated_inline() }}</dt>
 <dd>Ustawia położenie na stronie. Jeśli wartość nie jest zdefiniowana, to domyślną wartością jest <code>left</code>.</dd>
 <dt>color {{ Non-standard_inline() }}</dt>
 <dd>Ustawia kolor linii poprzez podanie jego wartości hexadecymalnej lub nazwy.</dd>
 <dt>noshade {{ Deprecated_inline() }}</dt>
 <dd>Ustawia brak cieniowania linii.</dd>
 <dt>size {{ Deprecated_inline() }}</dt>
 <dd>Ustawia wysokość, podaną w pikselach.</dd>
 <dt>width {{ Deprecated_inline() }}</dt>
 <dd>Ustawia długość linii na stronie, którą podajemy w pikselach lub procentach.</dd>
</dl>

<h3 id="Przyk.C5.82ad" name="Przyk.C5.82ad">Przykład</h3>

<pre>    &lt;p&gt;To jest pierwszy akapit tekstu. To jest pierwszy akapit tekstu.
       To jest pierwszy akapit tekstu. To jest pierwszy akapit tekstu.&lt;/p&gt;

    &lt;hr&gt;

    &lt;p&gt;To jest drugi akapit tekstu. To jest drugi akapit tekstu.
       To jest drugi akapit tekstu. To jest drugi akapit tekstu.&lt;/p&gt;
</pre>

<p>Powyższy HTML daje w rezultacie:</p>

<p>To jest pierwszy akapit tekstu. To jest pierwszy akapit tekstu. To jest pierwszy akapit tekstu. To jest pierwszy akapit tekstu.</p>

<hr>
<p>To jest drugi akapit tekstu. To jest drugi akapit tekstu. To jest drugi akapit tekstu. To jest drugi akapit tekstu.</p>

<h3 id="Notatki" name="Notatki">Notatki</h3>

<p>Nie jest to wymagane przez <a href="pl/HTML">HTML</a>, jednak w <a href="pl/XHTML">XHTML</a> linia pozioma musi mieć znacznik zamykający, więc znacznik tego elementu będzie wyglądał tak: <code><strong>&lt;hr /&gt;</strong></code>.</p>

<p>Atrybut <code>color</code> zwykle działa w przeglądarkach, lecz nie jest on poprawny według specyfikacji HTML i XHTML. Autorzy stron, którzy troszczą się o poprawność ich stron, powinni użyć CSS do zdefiniowania koloru.</p>

<p>{{ HTML:Element_Navigation() }}</p>

<p>{{ languages( { "en": "en/HTML/Element/hr" } ) }}</p>