Sección: Capa de presentación del documento¹

Relación de propiedades para medios de impresión

En realidad, las propiedades de CSS que he recogido en la sección anterior del curso son propiedades para medios visuales en general, y no exclusivamente para pantalla, por mucho que sea éste el medio al que más comunmente vamos a aplicarlas; en éste sentido, muchas de ellas son aplicables a una hoja de estilo para impresión. No obstante, hay algunas exclusivas para la página impresa, y son esas las que describo aquí.

Aunque pueda resultar obvio decirlo, ahí va: estas propiedades se aplican a un medio distinto de la pantalla. Por ello hay que tener en cuenta una serie de detalles:

La fuentes deben ser oscuras para contrastar sobre un fondo blanco, que es la mejor forma de facilitar su legibilidad.
Se deberían eliminar las imágenes que no tengan función con respecto al contenido.
Las medidas deben ser reales, es decir, centímetros o puntos para márgenes y fuentes.
Se deben eliminar todos los elementos de la página dirigidos a la interacción del usuario, como barras de navegación.

Dicho esto, la lista de propiedades específicas para impresión son las que vienen a continuación.

Para más detalles sobre cómo crear un estilo de impresión, recomiendo echar un vistazo a «Cómo dar buena impresión».

`orphans`

Descripción

Indica el numero mínimo de líneas que debe tener un párrafo para permitirlo al final de una página.

Valores posibles

Un número, que debe ser un natural.
inherit: El elemento hereda el valor del elemento padre para esta propiedad.

Valor por defecto

2.

Aplicable a

Elementos de bloque.

¿Heredada?

Sí.

`page-break-after`

Descripción

Indica si se permite un salto de página después del elemento.

Valores posibles

auto: El elemento se imprime tal cual, sin forzar ni evitar salto de página.
always: Fuerza el salto de página.
avoid: Impide el salto de página.
left: Fuerza el salto y obliga a que la siguiente página sea una página izquierda.
right: Fuerza el salto y obliga a que la siguiente página sea una página derecha.
inherit: El elemento hereda el valor del elemento padre para esta propiedad.

Valor por defecto

auto.

Aplicable a

Elementos de bloque.

¿Heredada?

No.

`page-break-before`

Descripción

Indica si se permite un salto de página antes del elemento.

Valores posibles

auto: El elemento se imprime tal cual, sin forzar ni evitar salto de página.
always: Fuerza el salto de página.
avoid: Impide el salto de página.
left: Fuerza el salto y obliga a que la siguiente página sea una página izquierda.
right: Fuerza el salto y obliga a que la siguiente página sea una página derecha.
inherit: El elemento hereda el valor del elemento padre para esta propiedad.

Valor por defecto

auto.

Aplicable a

Elementos de bloque.

¿Heredada?

No.

`page-break-inside`

Descripción

Indica si se permite un salto de página dentro del elemento.

Valores posibles

auto: El elemento se imprime tal cual, sin forzar ni evitar salto de página.
always: Fuerza el salto de página.
avoid: Impide el salto de página.
left: Fuerza el salto y obliga a que la siguiente página sea una página izquierda.
right: Fuerza el salto y obliga a que la siguiente página sea una página derecha.
inherit: El elemento hereda el valor del elemento padre para esta propiedad.

Valor por defecto

auto.

Aplicable a

Elementos de bloque.

¿Heredada?

Sí.

`widows`

Descripción

Indica el numero mínimo de líneas que debe tener un párrafo para permitirlo al inicio de una página.

Valores posibles

Un número, que debe ser un natural.
inherit: El elemento hereda el valor del elemento padre para esta propiedad.

Valor por defecto

2.

Aplicable a

Elementos de bloque.

¿Heredada?

Sí.

Notas

La capa de presentación incluye las declaraciones de estilo que se aplican a la capa del contenido y que otorgan al documento el aspecto que presenta en los agentes de usuario. Deliberadamente empleo agentes de usuario y no navegadores, porque gracias a CSS el mismo documento se puede presentar de diversas maneras para un navegador, una impresora, un PDA, etc.