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.
