Joomla! Amazônia – Seu site de tutorial e curso de Joomla

Você está aqui: CSS A propriedade font e atributos de texto

A propriedade font e atributos de texto

A propriedade font

Para especificar várias propriedades de um seletor de uma vez só, pode-se usar a propriedade font em vez de definir em separado font-size, font-weight, font-family, etc. Nesta sintaxe, a ordem dos fatores é importante, porém nem todos os elementos precisam estar presentes:

font: font-style font-variant font-weight font-size line-height font-family

Exemplos:

<html>
<head>
<style>
h1 {font: italic 700 24pt Tahoma, Arial, sans-serif }
</style>

</head>
<body>
<h1>Um texto italico simples</h1>
</body>
</html>

Fica assim:

img4

Atributos de texto

As propriedades desta seção tratam de transformações e atributos aplicados a texto, não afetando a exibição das fontes. Os atributos tipográficos afetam a forma como o texto é apresentado na tela como o espaçamento entre linhas, entre palavras, entre letras, o alinhamento de parágrafos e a endentação.

A propriedade text-transform permite colocar letras em maiúsculas ou minúsculas e a propriedade text-decoration permite acrescentar ou tirar efeitos decorativos do texto como riscados e sublinhados.