Agregando propriedades
- CSS |
|
artigos
>> tipologia >> agregando propriedades
- CSS
(artigo originalmente publicado no
site Aranha Internet e design)
Fábio Carvalho
26/5/2001
Em artigos anteriores, nós conhecemos
várias propriedades CSS que podem ser usadas
para controlar diversos aspectos da tipologia
de uma página web (Tudo
em família, Pesos
e Medidas, entre outros). Agora é hora
de conhecermos uma propriedade que consegue agregar
em apenas uma linha todas estas características.
Já sabemos que a forma apresentada abaixo
é a mais comum de se encontrar em folhas
de estilo como a definição de um
estilo de tipologia:
.normal {font-family: Garamond;
font-size: 12pt;
line-height: 14pt;
font-weight: normal;
font-style: normal;}
Certamente, esta é uma forma bastante
clara e descritiva, fácil de se entender,
mas se você a acha muito grande e "verborrágica",
então você precisa conhecer a propriedade
font .
A propriedade font lhe permite combinar
todos estes valores individuais em apenas uma
linha. Usando-se a propriedade font ,
o exemplo acima ficaria assim:
.normal {font: 12pt/14pt Garamond;}
Este modo é até mais simpático
e prático, mas exige alguns cuidados.
Cuidado com a ordem
O cuidado mais importante que você precisa
ter é com a ordem dos valores. Como você
percebeu, não há a descrição
do que cada valor se refere, e é por isso
que a ordem é importante, pois cada posição
de valor da propriedade font está
pré-estabelecido para um determinado parâmetro.
A ordem correta é: estilo, peso e variações
primeiro, seguidos pelo tamanho da tipologia, seguido
por uma barra de divisão (/ )
e a altura da linha, seguidos por uma lista de nomes
de tipologias separados por vírgulas.
segue
>>
|