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
Você aprendeu a marcar tabelas na Aula 3 dessa disciplina e, nesta seção, verá que a aparência delas pode ser melhorada enormemente com o uso de CSS. No quadro abaixo, são resumidas algumas propriedades e valores que podem ser usados para estilizar tabelas.
| Propriedade | Descrição | Valor |
| border | Especifica a largura, o estilo e a cor da borda externa da tabela ou de cada célula. | border-width border-style border-color |
| border-collapse | Determina se as bordas são ou não duplas. | none collapse |
| width | Define a largura de cada célula ou da tabela | Um valor em cm, px ou % |
| height | Define a altura de cada célula ou da tabela | Um valor em cm, px ou % |
| text-align | Determina o alinhamento horizontal do texto | center right left |
| vertical-align | Determina a posição vertical do texto | bottom top middle |
A Figura 8 ilustra uma tabela estilizada. As propriedades utilizadas para estilizá-la são explicadas a seguir.
See the Pen autoria_web_6f8_tabela by Materiais (@materiais) on CodePen.
Versão 5.3 - Todos os Direitos reservados