Contenido

Omitir Texto al imprimir con CSS

19 Jun

+ 6

Las utilidades del CSS son infinitas y cuando más descubres, más caminos encuentras donde descubrir funciones y funcionalidades increibles. Una de ellas, aunque es realmente tonta es la manera de hacer que no se impriman ciertos elementos de la página.

Para ello podemos usar JS para ocultar previamente los campos a ocultar, usando visibility:hidden; o display:none;, siendo algo un poco engorroso ya que luego has de volver a hacerlos visibles.

Mediante el uso de CSS puedes definir un clase o modificar las clases ya existentes para conseguir que el encargado de gestionar esto sea CSS en vez de una función javascript.

  <style type="text/css">
 @media print {
    .oculto {display:none}
  }
</style>

<input type="button" class="oculto" value="Imprimir" onClick="window.print()">

De esta forma estamos definiendo que para el modo @media print (impresora) la clase .oculto esté a display:none; siendo visible en el modo pantalla.

Actualizo
Más información acerca de los media type de CSS.

Via | ClubDelphi 

Comentar

#

Me reservo el derecho de eliminar y/o modificar los comentarios que contengan lenguaje inapropiado, spam u otras conductas no apropiadas en una comunidad civilizada. Si tu comentario no aparece, puede ser que akismet lo haya capturado, cada día lo reviso y lo coloco en su lugar. Siento las molestias.