CSS - fonte

Descrição

A propriedade font é uma propriedade abreviada usada para afetar a renderização do texto.

Valores possíveis

Os valores possíveis dependerão de como estamos usando esta propriedade.

<font-style> - Qualquer valor permitido para o estilo da fonte da propriedade.
<font-variant> - Qualquer valor permitido para a propriedade font-variant.
<font-weight> - Qualquer valor permitido para o peso da fonte da propriedade.
<font-size> - Qualquer valor permitido para a propriedade font-size.
<font-family> - Qualquer valor permitido para a família de fontes da propriedade.
<line-height> - Qualquer valor permitido para a altura da linha da propriedade.
caption- A fonte usada pelo sistema operacional para controles legendados (por exemplo, botões e menus suspensos). Este é um dos valores de "fonte do sistema".
icon- A fonte usada pelo sistema operacional para rotular ícones. Este é um dos valores de "fonte do sistema".
menu- A fonte usada pelo sistema operacional nos menus (por exemplo, menus suspensos e listas de menus). Este é um dos valores de "fonte do sistema".
message-box- A fonte usada pelo sistema operacional nas caixas de diálogo (por exemplo, diálogos de aviso). Este é um dos valores de "fonte do sistema".
small-caption- A fonte usada pelo sistema operacional para rotular pequenos controles. Este é um dos valores de "fonte do sistema".
status-bar- A fonte usada pelo sistema operacional nas barras de status da janela. Este é um dos valores de "fonte do sistema".

Aplica-se a

Todos os elementos HTML.

Sintaxe DOM

object.style.font = "bold italic small-caps 250%/1.2 sans-serif";

Exemplo

Aqui está o exemplo usando propriedade de fonte abreviada -

<html>
   <head>
   </head>

   <body>
      <p style = "font:italic small-caps bold 15px georgia;">
         Applying all the properties on the text at once.
      </p>
   </body>
</html>

Isso produzirá o seguinte resultado -

↰ Previous page