Todos os estilos de borda da propriedade border em CSS
29 de Dezembro de 2009
A propriedade border do CSS é uma das mais conhecidas e usadas, mas nem todos os estilos de borda são bem aproveitados. Neste post, vamos ver todos os estilos de borda possíveis. Em todos os exemplos, a borda tem 3px de largura e a cor #666.
none Nenhuma borda
solid Define uma borda contínua
dotted Define uma borda com bolinhas, que varia de aparência conforme o navegador
dashed Define uma borda tracejada, que varia de aparência conforme o navegador
double Define uma borda dupla, onde a largura das duas bordas é a mesma do valor border-width (portanto, precisa ser no mínimo 3px para funcionar corretamente)
groove Define uma borda 3D com aparência de entalhe
ridge Define uma borda 3D com aparência ressaltada
inset Define uma borda 3D com aparência de profundidade
outset Define uma borda 3D com aparência de relevo
fonte: w3schools.com
Posts relacionados:
Marcel 12/01/2010 às 1:07 pm
SHOW !! Só conhecia a solid, a dotted, a dashed e a double.