Exemplo
Definir a fonte para um <p> elemento:
document.getElementById("myP").style.font = "italic bold 20px arial,serif"; Tente você mesmo " Definição e Uso
Os conjuntos de propriedades de fonte ou retorna até seis propriedades de fonte separados, em uma forma abreviada.
Com esta propriedade, você pode definir / devolver o seguinte (nesta ordem):
- estilo de fonte
- font-variante
- espessura da FONTE
- tamanho da fonte
- altura da linha
- família de fontes
O 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.
As propriedades acima também pode ser definida com propriedades do tipo separado. O uso de propriedades separadas é altamente recomendado para autores não-avançadas para melhor controlabilidade.
Suporte navegador
A propriedade font é suportado em todos os principais navegadores.
Sintaxe
Devolver a propriedade da fonte:
object .style.font
Defina a propriedade da fonte:
object .style.font=" font-style font-variant font-weight font-size/line-height |caption|icon|menu|
message-box|small-caption|status-bar|initial|inherit;"
Valores de propriedade
| Valor | Descrição |
|---|---|
| style | Define o estilo da fonte |
| variant | Define o texto em uma fonte small-caps |
| weight | Define a ousadia da fonte |
| size | Define o tamanho da fonte |
| lineHeight | Define a distância entre as linhas |
| family | Define o tipo de letra |
| caption | A fonte usada para controles legendadas (like buttons, drop-downs, etc.) |
| icon | A fonte usada para ícones de etiqueta |
| menu | A fonte usada em menus |
| message-box | A fonte utilizada em caixas de diálogo |
| small-caption | A fonte utilizada em pequenas controlos |
| status-bar | A fonte usada em barras de status janela |
| initial | Define essa propriedade para seu valor padrão. Leia sobre inicial |
| inherit | Herda esta propriedade a partir de seu elemento pai. Leia sobre herdar |
Detalhes técnicos
| Valor padrão: | não especificado |
|---|---|
| Valor de retorno: | Uma corda, que representam diferentes propriedades de fonte do elemento |
| CSS Versão | CSS1 |
mais Exemplos
Exemplo
Voltar a fonte de um <p> elemento:
alert(document.getElementById("myP").style.font); Tente você mesmo " Páginas relacionadas
Tutorial CSS: CSS Font
Referência CSS: font property
<Estilo de objeto