Skip to main content
A seção Border permite controlar o contorno de um elemento e o quanto os cantos dele são arredondados. Isso ajuda a definir formas, criar separações e melhorar o estilo visual.

Radius (arredondamento dos cantos)

  • Controla o quanto os cantos são arredondados
Você tem duas opções:
  • Todos os cantos juntos → aplica o mesmo valor em todos
  • Cantos individuais → define valores diferentes para cada canto
👉 Valores maiores = mais arredondado
👉 0 = cantos retos
Screenshot 2026 03 25 At 11 23 07 AM

Style

Define a aparência da borda:
  • None → sem borda
  • Solid → uma linha contínua
  • Dashed/Dotted (se disponível) → bordas tracejadas ou pontilhadas
Screenshot 2026 03 25 At 11 23 34 AM

Color

  • Define a cor da borda
  • Pode seguir a cor da sua marca ou contrastar com o fundo

Width

  • Controla a espessura da borda
Você pode:
  • Definir um valor para todos os lados
  • Ou definir cada lado separadamente (topo, direita, base, esquerda)
Screenshot 2026 03 25 At 11 24 05 AM