Etiqueta <hr> de HTML

definição e uso

<hr> a etiqueta define a separação de tópicos em páginas HTML (por exemplo, a mudança de tópico).

<hr> o elemento geralmente é exibido como uma linha horizontal, usada para separar o conteúdo em páginas HTML ou definir mudanças no conteúdo.

Veja também:

Manual de Referência do HTML DOM:objeto HR

instância

exemplo 1

usar <hr> etiquetas para definir mudanças de tópicos no conteúdo:

<h1>Principais linguagens da Web</h1>
<p>HTML é o linguagem de marcação padrão para criar páginas da Web. HTML descreve a estrutura das páginas da Web, composta por uma série de elementos......</p>
<hr>
<p>CSS é uma linguagem que descreve como os elementos HTML são exibidos na tela, papel ou outros meios......</p>
<hr>
<p>JavaScript é o linguagem de programação para HTML e Web. JavaScript pode mudar o conteúdo e os valores das propriedades do HTML......</p>

Experimente Agora

exemplo 2

alinhamento <hr> elemento (usando CSS):

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

Experimente Agora

exemplo 3

sem sombra <hr> (usando CSS):

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

Experimente Agora

Exemplo 4

Configuração <hr> Altura do elemento (usando CSS):

<hr style="height:30px">

Experimente Agora

Exemplo 5

Configuração <hr> Largura do elemento (usando CSS):

<hr style="width:50%">

Experimente Agora

Atributos Globais

<hr> O rótulo também suporta Atributos Globais no HTML.

Atributos de Evento

<hr> O rótulo também suporta Atributos de Evento no HTML.

Configurações CSS Padrão

A maioria dos navegadores usará os seguintes valores padrão para exibir <hr> Elemento:

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

Experimente Agora

Suporte de Navegador

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Suporte Suporte Suporte Suporte Suporte