10 tablas

452 views
378 views

Published on

Tema 10 del libro Introduccion a CSS. Uso de CSS en las tablas

Published in: Education
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
452
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
13
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

10 tablas

  1. 1. 10- TABLAS Estilos CSS
  2. 2. TRATAMIENTO DE BORDES
  3. 3. • En CSS 2.1 se definen dos modelos diferentes para el tratamiento de bordes: border-collapse y border-spacing.• Border-collapse: fusión de bordes. Cuando los bordes no son iguales se debe tener en cuenta la anchura de cada borde, su estilo y tipo de celda. • Toma los valores: Collapse, separate, inherit.• border.-spacing: espaciado entre bordes. • Toma los valores: <medida>, <medida><medida>,inherit.NOTA: el tipo de celda puede ser definido con el atributo scope. <td scope=“row”> celda de tipo fila <td scope=“col”> celda de tipo columna <td scope=“rowgroup”> celda de tipo grupo de filas <td scope=“colgroup”> celda de tipo grupo de columnas
  4. 4. ESTILOS AVANZADOS • Cuando existen celdas vacías y la propiedad de los bordes de la tabla es separate se puede usar empty-cells.
  5. 5. • Puede tener los valores: show, hide, inherit.• Hide indica que las celdas vacías no se deben mostrar.NOTA: Internet Explorer 6 y anteriores no lo aceptan
  6. 6. • Cuando hay títulos en las tablas se coloca la etiqueta <caption>• Se puede cambiar la posición de los titulos en CSS con caption-side:NOTA: Opera 9 e Internet Explorer 6 con sus anteriores versiones no lo aceptan
  7. 7. USO DE PSEUDOCLASES• Se pueden declarar pseudoclases al momento de editar un estilo: link, visited, hover, active. Internet Explorer 6 y anteriores solo los soportan en enlaces.• En las tablas se puede utilizar la propiedad hover para especificar un cambio de atributos cuando el cursor pasa por la celda o fila donde se aplica la propiedad.

×