Cómo utilizar CSS Propiedades de pantalla de cuadrícula Presentaciones

La propiedad CSS display le permite configurar reglas para la exhibición que hacen que su exhibición de contenido como una cuadrícula o como si se tratara de una mesa, cuando en realidad el material no es una tabla. El uso de CSS para crear un diseño de cuadrícula le da control sobre el diseño sin poner ninguna etiqueta de mesa en el código HTML. Las propiedades de la pantalla que se refieren a un aspecto de una tabla similar, incluyendo cada posible valor de la propiedad y, serán descritos en este artículo.

Instrucciones

1 display: table hace que el acto elemento como un elemento de la tabla. Si ustedes, filas o columnas de nido de redes dentro de este elemento, se debe utilizar una o más de las propiedades que se describen a continuación.

2 display: table-row hace que el acto elemento como un elemento de fila de la tabla. Es posible usar display: table-row con eficacia sin tener que anida en un conjunto de elementos de display: table. Esto es porque el navegador asume la existencia de un elemento de tabla "anónimo" y se comporta como si fuera allí. (Ver abajo para más consejos acerca de los elementos "anónimos"). Recuerde, no está creando una tabla real de los datos tabulares; no son más que crear una pantalla en forma de rejilla.

3 display: table-cell hace que el acto elemento como un elemento de celda de la tabla. Es posible usar display: table-cell con eficacia sin tener el elemento anidado en un conjunto de elementos de display: table-fila o display: table.

4 display: table-row-group hace que el acto elemento como un elemento de la tabla de grupo de filas. Utilizarlo para un elemento que agrupa una o más filas. Es la manera de expresar lo CSS tbody hace en HTML.

5 display: table-header-grupo hace que el acto elemento como un elemento de grupo de filas de encabezado de tabla. Es la manera de expresar lo CSS culata en T hace en HTML. Con CSS, la mesa-header-grupo siempre se muestra antes de todas las otras filas y grupos de filas y después de los encabezados superiores.

6 display: table-pie de página del grupo hace que el acto elemento como un elemento del grupo del registro de la tabla de pie de página. Con CSS, la mesa y pie de grupo hace lo tfoot hace en HTML. El-pie-grupo de la tabla siempre se muestra después de todas las otras filas y grupos de filas y antes de los encabezamientos inferiores. Las impresoras pueden repetir las filas de pie de página en cada página ocupada por una tabla.

7 display: table-caption hace que el acto elemento como un elemento de la tabla de subtítulos.

8 display: table-columna hace que el acto elemento como un elemento de columna de la tabla. Es la manera de expresar CSS lo hace en HTML col.

9 display: table-column-grupo hace que el acto como elemento de un grupo columna de la tabla. Usarlo para agrupar una o más columnas. Es la manera de expresar lo CSS colgroup hace en HTML.

Consejos y advertencias

• Cualquier muestra: elemento de la tabla generará automáticamente necesarias objetos de tabla anónima alrededor de sí mismo.
• Cualquier selectora en su hoja de estilo se establece en una de estas propiedades de la pantalla puede ser de estilo con la gama completa de reglas CSS incluido el relleno, margen, borde, del fondo y las propiedades font-family.
• propiedades de visualización de CSS no son compatibles con las versiones de Internet Explorer por debajo de la Versión 8.