<hr>

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.

Sumário

O elemento HTML <hr> representa uma quebra temática entre elementos de nível de parágrafo (por exemplo , uma mudança da cena de uma história, ou uma mudança de tema com uma seção). Nas versões anteriores do HTML, representava uma linha horizontal. Pode continuar sendo exibida como uma linha horizontal nos navegadores, mas agora está definida em termos semânticos, em vez de termos de apresentação.

Atributos

Este elemento inclui os atributos globais.

align Deprecated Non-standard

Define a regra de alinhamento na página. Se nenhum valor for especificado, o valor padrão é left.

color Deprecated Non-standard

Define a regra da cor através do nome da cor ou um valor hexadecimal.

noshade Deprecated Non-standard

Define a regra para não ter sombreamento.

size Deprecated Non-standard

Define a altura, em pixels.

width Deprecated Non-standard

Define a regra de comprimento na página através de um valor em pixel ou porcentagem.

Exemplo

html
<p>
  Este é o primeiro parágrafo do texto. Este é o primeiro parágrafo do texto.
  Este é o primeiro parágrafo do texto. Este é o primeiro parágrafo do texto.
</p>

<hr />

<p>
  Este é o segundo parágrafo do texto. Este é o segundo parágrafo do texto. Este
  é o segundo parágrafo do texto. Este é o segundo parágrafo do texto.
</p>

O HTML acima irá produzir:

Este é o primeiro parágrafo do texto. Este é o primeiro parágrafo do texto. Este é o primeiro parágrafo do texto. Este é o primeiro parágrafo do texto.


Este é o segundo parágrafo do texto. Este é o segundo parágrafo do texto. Este é o segundo parágrafo do texto. Este é o segundo parágrafo do texto.

Notas

Para alterar a aparencia da linha ou as lacunas entre ela e os parágrafos, utilize folhas de estilo em cascata.

Especificações

Specification
HTML
# the-hr-element

Compatibilidade nos Navegadores

Report problems with this compatibility data on GitHub
desktopmobile
Chrome
Edge
Firefox
Opera
Safari
Chrome Android
Firefox for Android
Opera Android
Safari on iOS
Samsung Internet
WebView Android
WebView on iOS
hr
align
DeprecatedNon-standard
color
DeprecatedNon-standard
<hr> in <select>
noshade
DeprecatedNon-standard
size
DeprecatedNon-standard
width
DeprecatedNon-standard

Legend

Tip: you can click/tap on a cell for more information.

Full support
Full support
Partial support
Partial support
No support
No support
Non-standard. Check cross-browser support before using.
Deprecated. Not for use in new websites.

Veja também