Ir para conteúdo / Skip to content

GUIA CSS - 9ª PARTE: PROPRIEDADE TEXTO EM CSS

blog reactions Postado em: 24 de agosto de 2006 por Pedro Rogério

Cores

Você pode ajustar as cores do seu texto da seguinte forma:

cor: valor;

Os valores aceitos são:

  • Nome da cor: Exemplo: (black, red…)
  • Número Hexadecimal: Exemplo: (#ffffff, #000000)
  • Código da cor RGB: Exemplo: ( rgb(255, 0, 0), rgb(0, 0, 0) )

Letter Spacing

Ou espaço entre as letras, pode ser ajustado da seguinte forma, deixando o valor em 0, impede que o texto justifique. Ele também aceita valores negativos.

letter-spacing: valor;

Valores aceitos:

  • normal
  • comprimento

Text Align

Você pode alinhar seu texto da seguinte forma:

text-align: valor;

Valores aceitos:

  • left
  • right
  • center
  • justify

Text Decoration

Tem como função efetuar decorações em seu texto

text-decoration: valor;

Valores aceitos:

  • none
  • underline
  • overline
  • line through
  • blink

Text Indent

Tem como função identar o seu texto, ele suporta valores positivos e negativos.

text-indent: valor;

Valores aceitos:

  • comprimento
  • porcentagem

Text Transform

Você pode controlar o tamanho das letras do seu texto com essa propriedade, podendo deixar por exemplo, todo o texto em maiúsculo ou em minúsculo.

text-transform: valor;

Valores aceitos:

  • none
  • capitalize
  • lowercase
  • uppercase

White Space

Você pode controlar os espaços em branco dos elementos (x)HTML com essa propriedade:

Define como o espaço em branco do elemento é gerenciado (se as linhas devem ser quebradas para que apareçam na tela ou não (nowrap) ou se os espaços em branco, tabulações, etc. devem ser considerados (pre).

white-space: valor;

Valores aceitos:

  • normal
  • pre
  • nowrap

Word Spacing

Tem como função ajustar o espaço entre as palavras, ele aceita valores positivos e negativos.

word-spacing: valor;

Valores aceitos:

  • normal
  • comprimento

Tradução do artigo original de: CSS Basics.

Deixe seu comentário

3 comentários para esse post

  1. Thalis Valle disse:
    #1

    confesso que o White-space nunca tinha usado.

  2. Raphael disse:
    #2

    Voce pode mostrar alguns exemplo para que fique mais claro o uso destas propriedades.

    Abraços :)

  3. Bernard De Luna disse:
    #3

    Sempre usei color no lugar de cor.

    vale lembrar que se o código alpha númerico se repetir em sequencia vc pode abreviá-lo em #fff caso seja #ffffff..

    Embora já conheça, também nunca usei nem precisei usar o white-space… mas o bom é saber que podemos caso haja a demanda né?

    abraço

Deixe seu comentário