Laboratório de Informática 1 e 2 (2009)

O objetivo agora é trabalhar com as propriedades de alteração de texto em CSS.
Algumas destas propriedades são:

• letter-spacing: espaçamento das letras do texto;
• word-spacing: espaçamento das palavras do texto;
• line-height: altura das linhas;
• text-align: alinhamento horizontal;
• text-decoration: efeitos em texto;
• text-indent: distanciamento da 1ª linha do texto;
• text-transform: controla a capitalização do texto;
• text-shadow: especifica o efeito de sombra em um texto;
• vertical-align: alinhamento vertical;
• white-space: controla o espaçamento em branco em um elemento;
• direction: especifica a direção de escrita;
• writing-mode(CSS3/IE8): define a direção do texto;
• text-overflow (CSS3/IE6): permite aplicar (…) em um texto que não serve em um elemento.

Os exemplos referentes à aula são:

• Exemplo letter-spacing
• Exemplo word-spacing
• Exemplo line-height
• Exemplo text-align
• Exemplo text-decoration
• Exemplo text-indent
• Exemplo text-transform
• Exemplo text-shadow
• Exemplo text-shadow emulado (IE, Firefox, etc)
• Exemplo vertical-align
• Exemplo white-space
• Exemplo direction
• Exemplo writing-mode
• Exemplo text-overflow
• Exemplo text-overflow emulado (Firefox)

Download da apresentação