Exemplo
Especifique todas as propriedades de fonte em uma declaração:
p.ex1
{
font: 15px arial, sans-serif;
}
p.ex2
{
font: italic bold 12px/30px Georgia, serif;
}
Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
A propriedade estenográfica da fonte define todas as propriedades de fonte em uma declaração.
As propriedades que podem ser definidas, são (in order) : "font-style font-variant font-weight font-size/line-height font-family"
Os valores font-size e font-family são obrigatórios. Se um dos outros valores estão faltando, os valores padrão será inserido, se houver.
Note: A propriedade line-height define o espaço entre linhas.
| Valor padrão: | The default value of all the font properties |
|---|---|
| Herdado: | yes |
| Animatable: | yes, see individual properties . Read about animatable Try it |
| Versão: | CSS1 |
| sintaxe JavaScript: | object .style.font="italic small-caps bold 12px arial,sans-serif" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
| Propriedade | |||||
|---|---|---|---|---|---|
| font | 1.0 | 4.0 | 1.0 | 1.0 | 3,5 |
Nota: Consulte o suporte ao navegador individual para cada valor abaixo.
CSS Syntax
font:font-stylefont-variantfont-weightfont-size/line-height
font-family |caption|icon|menu|message-box|small-caption|status-bar|initial|inherit;Valores de propriedade
| Valor da propriedade | Descrição |
|---|---|
| font-style | Especifica o estilo da fonte. O valor padrão é "normal" . Veja -o estilo da fonte para possíveis valores |
| font-variant | Especifica a variante fonte. O valor padrão é "normal" . Veja font-variant para possíveis valores |
| font-weight | Especifica a espessura da fonte. O valor padrão é "normal" . Veja font-weight para possíveis valores |
| font-size/line-height | Especifica o tamanho da fonte eo line-height. O valor padrão é "normal" . Veja font-size e line-height para possíveis valores |
| font-family | Especifica a família de fontes. O valor padrão depende do navegador. Veja font-family para possíveis valores |
| caption | Usa a fonte que são usados por controles legendadas (como botões, menus suspensos, etc.) |
| icon | Usa a fonte que são usados por rótulos de ícones |
| menu | Usa as fontes que são usadas por menus suspensos |
| message-box | Usa as fontes que são usados por caixas de diálogo |
| small-caption | Uma versão menor da fonte da legenda |
| status-bar | Usa as fontes que são usadas pela barra de status |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
mais Exemplos
Exemplo
Uma demonstração de alguns dos outros valores de propriedade da fonte.
<p style="font:caption">The browser font used in captioned controls.</p>
<p style="font:icon">The browser font used in icon labels.</p>
<p
style="font:menu">The browser font used in dropdown menus.</p>
<p
style="font:message-box">The browser font used in dialog boxes.</p>
<p
style="font:small-caption">A smaller version of the caption font.</p>
<p
style="font:status-bar">The browser font used in the status bar.</p> Tente você mesmo " Páginas relacionadas
Tutorial CSS: CSS Font
HTML DOM de referência: font property