CSS (hojas de estilo en cascada) le dan un control considerable sobre cómo se muestra en la pantalla el contenido de sus páginas web. Este control se extiende también a otros medios, como cuando se imprime la página web.
Tal vez se pregunte por qué desea agregar un función de impresión a su página web; después de todo, la mayoría de las personas ya saben o pueden descubrir fácilmente cómo imprimir una página web utilizando los menús de su navegador.
Pero hay situaciones en las que agregar un botón de impresión o enlace a una página no solo facilitará el proceso a los usuarios cuando necesiten imprimir una página pero, quizás aún más importante, le da más control sobre cómo aparecerán esas impresiones en papel.
Aquí le mostramos cómo agregar botones de impresión o enlaces de impresión en sus páginas, y cómo definir qué partes del contenido de su página se imprimirán y cuáles no.
Agregar un botón Imprimir
Puede agregar fácilmente un botón de impresión a su página web agregando el siguiente código a su documento HTML donde desea que aparezca el botón:
onclick = "window.print (); return false;" />
El botón se etiquetará como imprime esta página cuando aparece en la página web. Puede personalizar este texto a lo que quiera cambiando el texto entre las comillas siguientes
valor =en el código de arriba.
Tenga en cuenta que hay un solo espacio en blanco que precede al texto y lo sigue; esto mejora la apariencia del botón al insertar algo de espacio entre los extremos del texto y los bordes del botón que se muestra.
Agregar un enlace de impresión
Es aún más fácil agregar un enlace de impresión simple a su página web. Simplemente inserte el siguiente código en su documento HTML donde desea que aparezca el enlace:
impresión
Puede personalizar el texto del enlace cambiando "imprimir" a lo que elija.
Hacer secciones específicas para imprimir
Puede configurar la capacidad de los usuarios para imprimir partes específicas de su página web utilizando un botón o enlace de impresión. Puede hacer esto agregando un print.css archivo a su sitio, llamándolo en la cabecera de su documento HTML y luego definiendo las secciones que desea imprimir fácilmente definiendo una clase.
Primero, agregue el siguiente código a la sección principal de su documento HTML:
type = "text / css" media = "print" />
A continuación, cree un archivo llamado print.css. En este archivo, agregue el siguiente código:
cuerpo {visibilidad: oculto;}
.print {visibilidad: visible;}Este código define todos los elementos del cuerpo como ocultos cuando se imprime, a menos que el elemento tenga asignada la clase "print".
Ahora, todo lo que necesita hacer es asignar la clase "imprimir" a los elementos de su página web que desea imprimir. Por ejemplo, para hacer que una sección definida en un elemento div sea imprimible, usaría
Cualquier otra cosa en la página que no esté asignada a esta clase no se imprimirá.