propriedades de fonte/texto em css

Autor: Mauricio Samy Silva (Maujor)

Valores válidos para as propriedades da fonte


color:

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

font-family:
nome da família de fontes : define-se pelo nome da fonte,
p. ex:"verdana", "helvetica", "arial", etc.
nome da família genérica: define-se pelo nome genérico,
p. ex:"serif", "sans-serif", "cursive", etc.

font-size:
xx-small
x-small
small
medium
large
x-large
xx-large
smaller
larger

length:
uma medida reconhecida pelas CSS (px, pt, em, cm, ...)
%

font-style:
normal: fonte normal na vertical
italic: fonte inclinada
oblique:fonte obliqua

font-variant:
normal: fonte normal
small-caps: transforma em maiúsculas de menor altura

font-weight:
normal
bold
bolder
lighter
100
200
300
400
500
600
700
800
900

Valores válidos para as propriedades do texto


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

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

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

text-align:
left: alinha o texto a esquerda
right: alinha o texto a direita
center: alinha o texto no centro
justify: força o texto a ocupar toda a extensão da linha da esquerda a direita

text-decoration:
none: nenhuma decoração
underline: coloca sublinhado no texto
overline: coloca um sobrelinhado no texto
line-through: coloca uma linha em cima do texto
blink: faz o texto piscar

text-indent:
lenght: uma medida reconhecida pelas CSS (px, pt, em, cm, ...)
% : 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:
ltr: texto escrito da esquerda para a direita
rtl: texto escrito da direita para a esquerda

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

Fonte: http://maujor.com/tutorial/fonttut.php e http://maujor.com/tutorial/texttut.php

Comentários