Unidade rem

A unidade de medida relativa rem define o tamanho da fonte de um elemento dependendo da fonte do elemento raiz - <html>. Por exemplo, uma fonte igual a 2rem significa que ela é duas vezes maior do que a do elemento raiz.

Exemplo

Vamos definir para o texto do título uma fonte uma vez e meia maior que a fonte do elemento raiz, e para o parágrafo - 1rem:

html<h1>Text1</h1>
<p>text2</p>
cssbody{
  font-size: 14px;
}
h1 {
  font-size: 1.5rem;
}
p {
  font-size: 1em;
}

Результат:

Veja também

  • unidade px,
    que define o tamanho em pixels
  • unidade fr,
    que define o tamanho em fr
  • unidade em,
    que define o tamanho em em
  • unidade %,
    que define o tamanho em porcentagem
  • unidade vw,
    que define o tamanho em vw
  • unidade vh,
    que define o tamanho em vh
  • unidade vmax,
    que define o tamanho em vmax
  • unidade vmin,
    que define o tamanho em vmin