Borda | Parte 1 | Tutorial de CSS | #05 | #uninerds | Universo dos Nerds
4Mais informações:
http://www.uninerds.net/?locale=pt_BR#!html-css-e-javascript/tutorial-de-css
Initial e Inherit: https://youtu.be/FlrllrGksX0
Cores em CSS: https://youtu.be/Ex8lL_jesJ4
Redes Sociais
Facebook: https://www.facebook.com/uninerds
Twitter: https://www.twitter.com/uninerds
YouTube: https://www.youtube.com/user/uninerds?sub_confirmation=1
LinkedIn: https://www.linkedin.com/company/uninerds
Instagram: https://www.instagram.com/uninerds
Gostou do vídeo? Veja 10 opções de como você pode apoiar o Universo dos Nerds:
https://youtu.be/KYAljlRtlb4
Faça parte de um grupo focado em Tecnologia: https://www.facebook.com/groups/DevAt
Hashtags: #uninerds #css
Afiliado: http://www.cursos24horas.com.br/parceiro.asp?cod=promocao131331
Contato: uninerds@uninerds.net
Todas as tags em HTML podem ter borda e para defini-la temos as seguintes propriedades:
- border para definir em uma única propriedade o tamanho, o estilo e a cor nesta ordem
- border-color para definir a cor da borda e além dos valores possíveis para cor essa propriedade aceita o valor transparent para deixar a borda transparente
- border-radius para definir curva na borda e além de unidades de medida pode ser definida em porcentagem
- border-style para definir o estilo da borda e pode receber os seguintes valores:
- dashed é tracejada
- dotted é pontilhada
- double é a dupla
- hidden é oculta
- none é nenhuma e está é a padrão
- solid é solida
Para bordas em 3D temos os seguintes valores:
- groove
- inset
- outset
- ridge
- border-width para definir o tamanho da borda e além de definir em unidade de medida tem também os seguintes valores:
- medium tamanho médio e este é o valor padrão
- thick tamanho grosso
- thin tamanho fino