Divisor
O que você vai aprender
- Pra que serve esta section
- Como controlar o tamanho e a posição da linha
Pra que serve
Adiciona uma linha horizontal simples pra separar visualmente duas sections, sem precisar de bordas ou espaçamento extra em cada uma.
Como configurar
| Configuração | Pra que serve |
|---|---|
| Esquema de cores | Cor de fundo ao redor da linha. |
| Largura da section | Largura da página ou Largura total. |
| Espessura | Espessura da linha, em px. |
| Arredondamento | Quadrado ou Arredondado, só relevante em linhas mais espessas ou que não ocupam 100% da largura. |
| Comprimento | Percentual da largura disponível que a linha ocupa. |
| Alinhamento | Posição horizontal da linha, só aparece quando o Comprimento é menor que 100%. |
Preenchimento (padding)
| Configuração | Pra que serve |
|---|---|
| Superior / Inferior | Espaço vertical acima e abaixo da linha. |
Boas práticas
- Use Comprimento menor que 100% com Alinhamento centralizado pra um divisor mais discreto entre blocos de conteúdo, em vez de sempre usar a linha inteira.