<TABLE>
  |__ <FRAME>
  |__ <RULES>
  |__ <SUMMARY>	

 

BORDAS COM FRAME & RULES

FRAME="valor"
Define diversas opções de bordas para a tabela. Os valores podem ser:

above	- Borda somente no lado de cima.
below	- Borda somente no lado de baixo.
border	- Bordas nos quatros cantos.
box	- Borda nos quatros lados externos.
hsides	- Borda somente nos lados de cima e de baixo.
lhs	- Borda somente no lado esquerdo.
rhs	- Borda somente no lado direito.
void	- Borda em nenhum lado (default) BORDER = 0.
vsides	- Bordas somente nos lados esquerdo e direito.

 

RULES="valor"
Define diversas opções de bordas para as células dentro de uma tabela. Os valores podem ser:

all	- Bordas em todas as linhas e colunas.
cols	- Bordas somente nas colunas.
groups	- Bordas em um grupo de células definidas pelos atributos THEAD, TFOOT, TBODY, COLGROUP e COL
none	- Nenhuma borda. Valor default.
rows	- Bordas somente nas linhas.

Exemplos:

Sintaxe:

<TABLE BORDER=2 bordercolor="blue" FRAME="hsides" RULES="cols"> <TR> <TD>célula 1</TD> <TD>célula 2</TD> <TD>célula 3</TD> </TR> <TR> <TD>célula 4</TD> <TD>célula 5</TD> <TD>célula 6</TD> </TR> </TABLE>

célula 1 célula 2 célula 3 célula 4 célula 5 célula 6

<TABLE BORDER=2 bordercolor="#8A2BE2" FRAME="box" RULES="none"> <TR> <TD>célula 1</TD> <TD>célula 2</TD> <TD>célula 3</TD> </TR> <TR> <TD>célula 4</TD> <TD>célula 5</TD> <TD>célula 6</TD> </TR> </TABLE>

célula 1 célula 2 célula 3 célula 4 célula 5 célula 6

<TABLE BORDER=2 BORDERCOLORLIGHT="#228B22" FRAME="box" RULES="rows"> <TR> <TD>célula 1</TD> <TD>célula 2</TD> <TD>célula 3</TD> </TR> <TR> <TD>célula 4</TD> <TD>célula 5</TD> <TD>célula 6</TD> </TR> </TABLE>

célula 1 célula 2 célula 3 célula 4 célula 5 célula 6

<TABLE BORDER BORDERCOLOR="#4682b4" FRAME="void" RULES="all"> <TR> <TD>célula 1</TD> <TD>célula 2</TD> <TD>célula 3</TD> </TR> <TR> <TD>célula 4</TD> <TD>célula 5</TD> <TD>célula 6</TD> </TR> </TABLE>

célula 1 célula 2 célula 3 célula 4 célula 5 célula 6

<TABLE BORDER=4 BORDERCOLOR="#555555" FRAME="vsides" RULES="cols"> <TR> <TD>célula 1</TD> <TD>célula 2</TD> <TD>célula 3</TD> </TR> <TR> <TD>célula 4</TD> <TD>célula 5</TD> <TD>célula 6</TD> </TR> </TABLE>

célula 1 célula 2 célula 3 célula 4 célula 5 célula 6

Aprenda mais sobre bordas de tabelas em:

Efeito collapse

Bordas criadas com CSS

 

 

SUMMARY="texto"
Summary insere uma mensagem no código fonte da tabela (que não aparece no monitor) que fornece um resumo do objetivo e da estrutura da tabela. Deve ser usado por agentes que geram mídia não visual, como a falada.

<TABLE BORDER SUMMARY="Esta é uma tabela exemplo"> <TR> <TD>célula 1</TD> <TD>célula 2</TD> </TR> </TABLE>

célula 1 célula 2