Text

Também é utilizado para aplicar estilos em textos nas páginas HTML.

color

Define a cor de um texto. Alguns valores válidos para esta propriedade são:

• código hexadecimal: #FFFFFF

• código rgb: rgb(255,235,0)

• nome da cor: red, blue, green, etc

h1 {
    color: #FF0000;
}

text-align

Define o alinhamento horizontal de um texto. Esta propriedade pode assumir os seguintes valores:

• left: alinha o texto à esquerda;
• right: alinha o texto à esquerda;
• center: alinha o texto ao centro;
• justify: força o texto a ocupar toda a extensão da linha da esquerda a direita.

h1 {
    text-align: center;
}

text-decoration

Adiciona ou remove "decorações" aos textos. É bastante utilizado para retirar o sublinhado de links. Os valores que esta propriedade pode assumir são:

• none: nenhuma decoração;
• underline: coloca sublinhado no texto;
• overline: coloca um sobrelinhado no texto;
• line-through: coloca uma linha em cima do texto.

a {
    text-decoration: none;
}

h1 {
text-decoration: overline;
}

h2 {
    text-decoration: line-through;
}

h3 {
    text-decoration: underline;
}

text-transform

Define fontes em maiúsculo e minúsculo. Os valores que esta propriedade pode assumir são:

• 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.

h1{
    text-transform: uppercase;
}

h2{
    text-transform: lowercase;
}

h3{
    text-transform: capitalize;
}

text-indent

Define o recuo do texto. Pode-se definir usando unidades de medida como px, pt, cm, em, etc.:

p {
    text-indent: 50px;
}

direction

Define a direção de um texto. Pode possuir os seguintes valores:

• ltr: texto escrito da esquerda para a direita;
• rtl: texto escrito da direita para a esquerda.

letter-spacing

Define o espaçamento entre letras. Pode-se utilizar unidades de medida como valor para esta propriedade:

h1 {
    letter-spacing: 2px;
}

Obs.: permite o uso de valores negativos.

word-spacing

Define o espaçamento entre palavras em um texto. Pode-se utilizar unidades de medida como valor para esta propriedade:

p {
    word-spacing: 30px;
}

Obs.: permite o uso de valores negativos.