Exemplo
Defina o tamanho da fonte para diferentes elementos HTML:
h1 {
font-size: 250%;
}
h2 {
font-size: 200%;
}
p {
font-size: 100%;
}
Tente você mesmo " Definição e Uso
A propriedade font-size define o tamanho de uma fonte.
| Valor padrão: | medium |
|---|---|
| Herdado: | yes |
| Animatable: | yes. Read about animatable Try it |
| Versão: | CSS1 |
| sintaxe JavaScript: | object .style.fontSize="14px" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| font-size | 1.0 | 5.5 | 1.0 | 1.0 | 7 |
CSS Syntax
font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|length|initial|inherit;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| medium | Define o tamanho da fonte para um tamanho médio. Este é o padrão | Jogue " |
| xx-small | Define o tamanho da fonte para um tamanho xx-small | Jogue " |
| x-small | Define o tamanho da fonte para um tamanho pequeno extra | Jogue " |
| small | Define o tamanho da fonte para um tamanho pequeno | Jogue " |
| large | Define o tamanho da fonte para um tamanho grande | Jogue " |
| x-large | Define o tamanho da fonte para um tamanho extra grande | Jogue " |
| xx-large | Define o tamanho da fonte para um tamanho xx-large | Jogue " |
| smaller | Define o tamanho da fonte para um tamanho menor do que o elemento pai | Jogue " |
| larger | Define o tamanho da fonte para um tamanho maior do que o elemento pai | Jogue " |
| length | Define o tamanho da fonte para um tamanho fixo em px, cm, etc. | Jogue " |
| % | Define o tamanho da fonte a um por cento do tamanho da fonte do elemento pai | Jogue " |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial | Jogue " |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
Páginas relacionadas
Tutorial CSS: CSS Font
Referência CSS: font property
HTML DOM de referência: fontSize property