Uma propriedade que permite que você forneça valores a inúmeras propriedades CSS de uma só vez é referida como uma propriedade abreviada. O significado dessas propriedades pode ser enfatizado pelo fato de que o uso dessas propriedades resulta em menos número de linhas de código, economizando seu tempo e energia. Existem várias propriedades em CSs que são chamadas de propriedade abreviada, no entanto, o foco deste artigo é Propriedade abreviada da fonte.

Propriedade da fonte CSS: uma propriedade abreviada

Como já mencionado, uma propriedade abreviada é um atalho para dar valores a outras várias propriedades do CSS de uma só vez. A propriedade da fonte CSS também é uma propriedade abreviada para várias outras propriedades relacionadas à fonte;

1. Propriedade do estilo de fonte
2. Propriedade variante de fontes
3. Propriedade do peso-fonte
4. Propriedade do tamanho de uma fonte
5. Propriedade da família de fontes

Antes de entendermos a propriedade da fonte como uma propriedade abreviada com a ajuda de um exemplo, vamos primeiro explorar as propriedades acima mencionadas.

Propriedade do estilo de fonte

Como o nome sugere, esta propriedade é usada para dar a fontes algum estilo. Valores diferentes que esta propriedade exibe são iniciais, itálicos, oblíquos, herdados ou normais.

Sintaxe

Tem a seguinte sintaxe.

estilo de fonte: itálico;

Propriedade variante de fontes

Esta propriedade é usada com o objetivo de exibir letras maiúsculas em pequenas capas que são letras maiúsculas em tamanho relativamente menor que as letras maiúsculas normais. Caps normais, iniciais, herdados e pequenos são valores diferentes que esta propriedade pode receber.

Sintaxe

Esta propriedade possui a sintaxe abaixo mencionada.

Fonte-variante: pequenas capas;

Propriedade do peso-fonte

Para o objetivo de alterar o peso da fonte (grosso ou fino), esta propriedade é usada. Esta propriedade renderiza valores diferentes que são; Normal, herdado, inicial, ousado, mais ousado e mais leve. Você também pode dar valores na forma numérica i.e. 100-900.

Sintaxe

A sintaxe desta propriedade é fornecida abaixo.

intensidade da fonte: Negrito;

Propriedade do tamanho de uma fonte

Esta propriedade é usada com o objetivo de dar às fontes um tamanho específico. Além de inicial e herdar, essa propriedade pode exibir valores como médio, pequeno, x-small, xx-pequeno, grande, x-grande, xx-grande, menor, maior, comprimento e %.

Sintaxe

A sintaxe desta propriedade é fornecida abaixo.

tamanho de fonte: médio;

Propriedade da família de fontes

Com o objetivo de dar a uma família de fontes, esta propriedade é usada. A propriedade da família da fonte pode renderizar valores: nome da família (“Times New Roman,“ Arial ”, etc), família genérica (“ serif ”,“ sans-serif ”, etc.), inicial ou herdado.

Sintaxe

A sintaxe desta propriedade é fornecida abaixo.

Fonte-família: nome da família;

Agora que sabemos o que são essas propriedades e o que elas fazem, vamos demonstrar com a ajuda de um exemplo de como a propriedade da fonte atua como uma propriedade abreviada para todas essas propriedades.

Propriedade abreviada da fonte

Abaixo, também fornecemos a sintaxe da propriedade da fonte.

Sintaxe

Tem a sintaxe fornecida abaixo.

Fonte: Valor do valor da fonte do estilo de fonte Valor da fonte do valor da fonte do tamanho da fonte Valor da fonte da família;

Exemplo

No exemplo abaixo, a propriedade da fonte é usada como uma propriedade abreviada.

A propriedade de abreviação da fonte

Neste artigo, aprendemos como a propriedade da fonte pode ser usada como propriedade abreviada para outras propriedades relacionadas à fonte, como estilo de fonte, variante de fontes, peso-fonte, tamanho de fonte e família de fontes.

No exemplo acima, usando a propriedade Fonte como uma propriedade abreviada, o estilo de fonte do cabeçalho foi definido como itálico, peso-fonte a ousado, tamanho de font para 28px e familiar para Times New Roman, serif. Enquanto isso, o estilo de fonte do parágrafo foi definido como itálico, tamanho de font para 16px e família de fontes para Garamond, serif.

Saída

O texto foi estilizado com sucesso usando a propriedade da fonte.

Conclusão

A propriedade da fonte é chamada de propriedade abreviada para fornecer valores a outras propriedades da fonte que são; No estilo de fonte, variante de fontes, peso-fonte, família de fontes e do tamanho de uma fonte de uma só vez. Este post discute a propriedade da fonte como propriedade abreviada em detalhes e demonstra como podemos fornecer vários valores de fonte em uma única linha e ter o efeito desejado com a ajuda de um exemplo.