[Css] A Propriedade "text"

[fsg 230]

Olá pessoal, agora eu irei postar uma série de tutoriais sobre CSS são 7 tutoriais estamos no segundo, um por dia! Chega de papo e vamos para o assunto...

 

Primeiro Tutorial - A propriedade Font: Clique aqui

 

 

Os textos nos elementos HTML

As propriedades para textos, definem as características (os valores na regra CSS) dos textos inseridos dentro dos elementos HTML.

 

As propriedades para textos são as listadas abaixo:

 

• color.....................cor do texto;
  
• letter-spacing........espaçamento entre letras;
  
• word-spacing.........espaçamento entre palavras;
  
• text-align..............alinhamento do texto;
  
• text-decoration......decoração do texto;
  
• text-indent............recuo do texto;
  
• text-transform.......forma das letras;
  
• direction...............direção do texto;
  
• white-space.........como o browser trata os espaços em branco;
  

 

Valores válidos para as propriedades do texto

 

• color:

1. código hexadecimal: #FFFFFF
   
2. código rgb: rgb(255,235,0)
   
3. nome da cor: red, blue, green...etc
   

 

• letter-spacing:

1. normal: é o espaçamento default
   
2. lenght: uma medida reconhecida pelas CSS (px, pt, em, cm, ...) São válidos valores negativos
   

 

• word-spacing:

1. normal: é o espaçamento default
   
2. lenght: uma medida reconhecida pelas CSS (px, pt, em, cm, ...) São válidos valores negativos
   

 

• text-align:

1. left: alinha o texto a esquerda
   
2. right: alinha o texto a direita
   
3. center: alinha o texto no centro
   
4. justify: força o texto a ocupar toda a extensão da linha da esquerda a direita
   

 

• text-decoration:
  

1. none: nenhuma decoração
   
2. underline: coloca sublinhado no texto
   
3. overline: coloca um sobrelinhado no texto
   
4. line-through: coloca uma linha em cima do texto
   
5. blink: faz o texto piscar

 

• text-indent:

1. lenght: uma medida reconhecida pelas CSS (px, pt, em, cm, ...)
   
2. % : porcentagem da largura do elemento pai

 

• text-transform:
  

none: texto normal

capitalize: todas as primeiras letras do texto em maiúsculas

uppercase: todas as letras do texto em maiúsculas

lowercase: todas as letras do texto em minúsculas

 

• direction:

1. ltr: texto escrito da esquerda para a direita
   
2. rtl: texto escrito da direita para a esquerda
   

 

• white-space:

1. normal: os espaços em branco serão ignorados pelo browser
   
2. pre: os espaços em branco serão preservados pelo browser
   
3. nowrap: o texto será apresentado todo ele numa linha única na tela. Não há quebra de linha até ser encontrada uma tag <br>

 

Vamos a seguir analisar cada uma delas detalhadamente através de exemplos práticos.

 

Como estudar e entender os exemplos

 

Para cada propriedade apresento as regras CSS para um ou mais elementos HTML e definidas dentro de uma folha de estilos incorporada, bem como um trecho do documento HTML onde se aplicam as regras.

 

A seguir mostro o efeito que a regra produz. Observe a regra e o efeito e para melhor fixar seu aprendizado reproduza o código no seu editor, mude os valores e veja o resultado no browser. Esta é a melhor e mais rápida maneira de você aprender CSS. Bons estudos! E faça ótimo proveito dos tutoriais.

 

Continua no link original...

 

Fonte:

Clique aqui

Espero que gostem :smile_positivo:

Editado Fevereiro 22, 2011 por FezZinN