Bordes externos de las tablas

Veamos el atributo que podemos usar para definir distintos tipos de borde externo en una tabla.

El atributo en concreto para definir el tipo de borde externo se llama FRAME y se utiliza en la misma etiqueta TABLE. Sus valores posibles son los siguientes:

frame = void | above | below | hsides | lhs | rhs | vsides | box | border

Describimos cada uno de los distintos valores posibles, que afectan sólo al borde externo de la tabla, quedando los bordes de las celdas inalterados:

  • void: Ningún borde externo
  • above: Sólo aparece el borde superior
  • below: Sólo el borde inferior de la tabla
  • hsides: Se mostrará sólo el borde de arriba y abajo.
  • vsides: Sólo los bordes de los lados izquierdo y derecho
  • lhs: Se mostrará tan solo el borde izquierdo
  • rhs: Se mostrará solamente el borde derecho
  • box: Los cuatro bordes
  • border: También se mostrarán los cuatro bordes

Bordes internos de las tablas

También podemos definir el aspecto de los bordes internos de las tablas con HTML 4. El atributo que debemos utilizar para especificar qué bordes internos deben mostrarse es RULES, que también se utiliza en la etiqueta TABLE.

Como bordes internos nos referimos a los bordes de las celdas de la tabla, puesto que cuando se define un borde en una tabla no sólo tiene borde la parte externa de la tabla, sino también cada una de sus casillas.

Los distintos valores que puede llevar el atributo RULES para definir los bordes internos son los siguientes:

rules = none | groups | rows | cols | all

Cuya explicación podemos ver a continuación:

  • none: No se coloca ningún borde interno
  • groups: Sólo se mostrarán bordes en los grupos de columnas o filas. (veremos más adelante como agrupar columnas o filas)
  • rows: Sólo aparecerán bordes entre filas.
  • cols: Los bordes internos sólo aparecerán para separar columnas.
  • all: Se mostrarán todos los bordes internos.