Resumo sobre estilos de bordas no CSS

11/06/2022 16:23

Raja Novaes

Raja Novaes

Sou um apaixonado por aprender, sou da opinião que conhecimento não ocupa espaço. Por isso estou em uma fase de aquisição de novos conhecimentos e habilidades.

Resumo sobre estilos de bordas no CSS

No CSS é possível adicionar bordas aos elementos e essas bordas podem ser dos mais variados estilos, larguras e cores. 

A propriedade que permite mudar o estilo da borda é o border-style e são aceitos os seguintes valores: 

  • dotted - Define uma borda pontilhada.
  • dashed - Define uma borda tracejada.
  • solid - Define uma borda sólida.
  • double - Define uma borda dupla.
  • groove - Define uma borda ranhurada 3D. O efeito depende do valor da cor da borda.
  • ridge - Define uma borda 3D estriada. O efeito depende do valor da cor da borda.
  • inset - Define uma borda de inserção 3D. O efeito depende do valor da cor da borda.
  • outset - Define uma borda inicial 3D. O efeito depende do valor da cor da borda.
  • none - Não define borda.
  • hidden - Define uma borda oculta.

Cada lado da borda poderá assumir um valor diferente, logo poderá definir um valor para borda superior, borda direita, borda inferior e borda esquerda. 


Faça parte da nossa comunidade!

Domine as tecnologias utilizadas pelas empresas mais inovadoras do mundo e encare seu novo desafio profissional, evoluindo em comunidade com os melhores experts.

0

Certificado

Artigo relacionado

Comentários

    Nenhum comentário