Pinceladas da Web

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.