Formatação de Texto | Parte 2 | Tutorial de CSS | #15 | #uninerds | Universo dos Nerds
9Mais informações:
http://www.uninerds.net/?locale=pt_BR#!html-css-e-javascript/tutorial-de-css
Initial e Inherit: https://youtu.be/FlrllrGksX0
Cores: https://youtu.be/Ex8lL_jesJ4
Largura e Altura: https://youtu.be/Yofb4DCAOh0
Excesso: https://youtu.be/YCXM45JS2Ps
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
Hashtags: #uninerds #css
Afiliado: http://www.cursos24horas.com.br/parceiro.asp?cod=promocao131331
Contato: uninerds@uninerds.net
- text-decoration serve para colocar linha no texto e nesta já é definido a posição, cor e estilo, também é possível definir cada uma dessas características nas seguintes propriedades:
- text-decoration-line para definir a posição e pode receber os seguintes valores:
- none nenhuma e é o valor padrão
- underline a linha ficará abaixo do texto
- overline a linha ficará acima do texto
- line-through a linha ficará no meio do texto
PS: Essa propriedade pode receber mais de um valor
- text-decoration-color para definir a cor da linha
- text-decoration-style para definir o estilo da linha e pode receber os seguintes valores:
- solid a linha será reta, é o valor padrão
- double a linha será dupla
- dotted a linha será pontilhada
- dashed a linha será tracejada
- wavy a linha será ondulada
- white-space serve para definir como os espaços em branco serão tratados e pode receber os seguintes valores:
- normal é o valor padrão
- nowrap não terá quebra de linha automática
- pre será exibido como se estivesse em uma tag pre
- pre-line será exibido como um parágrafo normal
- pre-wrap será exibido com quebra de linha automática e respeitando a quantidade de espaços em branco colocado
- vertical-align serve para definir a posição vertical de algo em relação ao texto, pode receber como valor unidade de medida, porcentagem e os mesmo podem ser definidos como negativo e também pode receber os seguintes valores:
- baseline valor padrão
- sub que deixa um pouco abaixo do texto
- super que deixa um pouco acima do texto
- top que deixa no topo da linha
- text-top que deixa no topo do texto
- middle que deixa no meio
- bottom deixa abaixo da linha
- text-bottom que deixa abaixo do texto
- text-overflow serve para definir o que será exibido quando o texto não couber na área em que ele está e pode receber os seguintes valores:
- clip é o padrão
- ellipsis será exibido ...
- "" será exibido o que estiver dentro das aspas