Cómo ocultar elemento en el momento de la impresión mediante CSS?

CSS | la ocultación de elementos durante la impresión : Aquí, vamos a aprender cómo elemento de ocultar en el momento de la impresión mediante CSS?

Introducción:

Nos hemos encontrado con muchos desafíos, mientras que el desarrollo de una página web o en la web y cada reto viene con nuevos aprendizajes. Es un rasgo de un desarrollador de buena que se desarrolla o crea sitios web o páginas web, aprendiendo al mismo tiempo. Por lo tanto, todos los retos que plantea a usted, usted no debe ceder existen numerosas fuentes en Internet desde donde se puede mirar class respuestas y conseguir su problema resuelto. Además, este tipo de problemas vienen con una oportunidad para aprender algo que a su vez mejorar su conocimiento y usted será capaz de dominar las habilidades en un grado mayor. Del mismo modo, el tema aquí es cómo ocultar elementos en el momento de la impresión. Bueno, suena un poco complicado, pero la solución es muy fácil, así que sigue leyendo para encontrar la respuesta.

Métodos:

Utilizamos varias maneras de hacer nuestra página web o en la web de respuesta. Muchas de las propiedades entran en juego for hacer de nuestra página web o en la web de respuesta. Bueno, no se puede saber acerca de todas las propiedades relacionadas con el desarrollo web, pero se puede aprender acerca de muchas propiedades en cuanto a desarrollo web. Por lo tanto, con esa idea en mente vamos a seguir adelante con el tema y es que cómo podemos ocultar el elemento durante la impresión y se le sorprendió cuando se entera de la respuesta?

Solución:

Cuando el usuario quiere ocultar cualquier elemento durante la impresión de que él / ella simplemente puede utilizar la propiedad de visibilidad en CSS y establezca su valor oculto dentro de la @media imprimir consulta. Fácil como derecho azúcar? Bueno, algunas cosas hacen sonar un poco complicado al principio, pero cuando se inicia comprometerse con el problema la solución llega a ser bastante fácil. El método anterior también es fácil cuando se trata de la aplicación.

maquillaje de Let claro con la siguiente sintaxis,

Sintaxis:

@media print {
element {
visibility: hidden;
}
}

Ejemplo:

<!DOCTYPE html>
<html>
<head>
<style>
@media print {
img {
visibility: hidden;
}
}
</style>
</head>
<body>
<h1>Hide element at print</h1>
<img src="img_forest.jpg" width="240" height="184">
</body>
</html>

salida

How to hide element at the time of printing using CSS? - 4

En el ejemplo anterior, en un principio, las miradas página como esta antes de imprimir la página, pero tan pronto como imprimimos el elemento de la salida serían diferentes.

salida

How to hide element at the time of printing using CSS? - 5

Conclusión:

Por lo tanto, seguir adelante y empezar a jugar con el recién descubierta propiedad de visibilidad conocimiento es una propiedad muy importante cuando se trata de lidiar con diversos elementos y sino que también ayuda en la toma de un sitio web o una página web muy sensible y con estilo.


Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *