Os materiais didáticos aqui disponibilizados estão licenciados através de Creative Commons Atribuição-SemDerivações-SemDerivados CC BY-NC-ND. Você possui a permissão para visualizar e compartilhar, desde que atribua os créditos do autor. Não poderá alterá-los e nem utilizá-los para fins comerciais.
Atribuição-SemDerivações-SemDerivados
CC BY-NC-ND
Cursos / Informática para Internet / Autoria Web / Aula
As propriedades para as fontes definem as características das letras que constituem os textos dentro dos elementos HTML. A seguir, no Quadro 2, temos uma lista das principais propriedades existentes para as fontes e os possíveis valores para tais propriedades.
| Propriedade | Função | Valor |
| Color | Define a cor da fonte. | código hexadecimal: #FFFFFF código rgb: rgb(255,235,0) nome da cor: red, blue, green...etc |
| font-family | Define o tipo de fonte. | family-name: Arial, Helvetica, Verdana... generic-family: serif, sans-serif, cursive, fantasy... inherit |
| font-size | Define o tamanho da fonte. | xx-small x-small small medium large x-large xx-large smaller larger length(em, px) % inherit |
| font-style | Define o estilo da fonte. | normal italic oblique inherit |
| font-variant | Define fontes maiúsculas de menor altura. | normal small-caps inherit |
| font-weight | Define a intensidade do negrito da fonte. | normal bold bolder lighter 100 200 300 400 500 600 700 800 900 inherit |
| Font | Maneira abreviada de todas as propriedades. |
O valor inherit que algumas propriedades podem assumir indica que o valor dado à propriedade deve ser herdado do elemento pai, ou seja, assume o valor dado ao elemento pai. Por exemplo, se você definir que o elemento <body> possui a propriedade font-family com valor “verdana” e definir que certo parágrafo dentro de <body> tem a propriedade font-family com valor inherit, significa que esse parágrafo será estilizado com o mesmo valor dado a font-family do elemento <body>, que é “verdana”.
Versão 5.3 - Todos os Direitos reservados