Contorno | Tutorial de CSS | #13 | #uninerds | Universo dos Nerds

Channel:

Universe of Nerds

Subscribers:

2,670

Published on April 12, 2018 3:00:04 PM ● Video Link: https://www.youtube.com/watch?v=CtBQowGWUF8

Game:

Counter-Strike: Source (2004)

Category:

Tutorial

Duration: 8:59

56 views

3

Mais informações:
http://www.uninerds.net/?locale=pt_BR#!html-css-e-javascript/tutorial-de-css

Initial e Inherit: https://youtu.be/FlrllrGksX0

Borda:
Parte 1: https://youtu.be/DF5gkTI7Ue0
Parte 2: https://youtu.be/BP03Ut_GvNs

Cores: https://youtu.be/Ex8lL_jesJ4

Modelo de Caixa: https://youtu.be/L1azhN9n9Gc

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

Grupo recomendado no vídeo:
https://www.facebook.com/groups/DevAt

Hashtags: #uninerds #css

Afiliado: http://www.cursos24horas.com.br/parceiro.asp?cod=promocao131331

Contato: uninerds@uninerds.net

Para definir o contorno em uma tag podemos utilizar as seguintes propriedades:

- outline nela definimos o tamanho, o estilo e a cor respectivamente
- outline-style serve para definir o estilo 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 contornos em 3D temos os seguintes valores:
- groove
- inset
- outset
- ridge
- outline-width serve para definir o tamanho e pode receber como valor unidade de medida e os seguintes:
- medium tamanho médio e este é o valor padrão
- thick tamanho grosso
- thin tamanho fino
- outline-color serve para definir a cor do contorno
- outline-offset serve para definir a distância entre a borda e o contorno

Atenção: O contorno não afeta o tamanho na tag, por isso ele não foi incluído no tópico sobre modelo de caixa

Other Statistics