CSS: Como definir o tamanho da fonte das linhas de uma tabela (Table Font Size)

3 09 2010

Me deparei com uma dúvida: Como definir o tamanho da fonte das linhas de uma tabela? Dai você pergunta: Como assim?

Vamos lá! Estava eu montando um formulário de contato bem tranquilo. Defini no css o tamanho da fonte que iria ficar dentro do body da seguinte forma:

body {
	font-family:"Verdana";
	font-size:11px;
}

Bom até aqui tudo bem. Até que descobri (ao rodar o form em ambiente de testes) que as linhas dentro da tabela não estavam sendo afetadas por este CSS! Mas qual o motivo? Simplesmente porque a table é um objeto dentro do body, e tudo que está dentro deste objeto deve ser definido separadamente! Ótimo! Vamos definí-lo então!

td { 
	font-family:"Verdana";
	font-size:11px;
}

Ou, ainda melhor, podemos fazer as duas coisas ao mesmo tempo, pois usaremos a mesma fonte e o mesmo tamanho tanto para o body quanto para a td. O código css ficaria finalmente assim:

body, td {
	font-family:"Verdana";
	font-size:11px;
}

Até a próxima!








Seguir

Obtenha todo post novo entregue na sua caixa de entrada.