El atributo de visibilidad le permite controlar la visibilidad de los elementos gráficos. Solo tiene efecto en los siguientes elementos <a>, <altGlyph>, <audio>, <canvas>, <circle>, <elipse>, <foreignObject>, <iframe>, <image>, <line>, <path >, <polígono>, <polilínea>, <rect>, <texto>, <textPath>, <tref>, <tspan>, <video>
Sintaxis:
visibility = visible | hidden | collapse
Valores de atributo: el atributo de visibilidad acepta los valores mencionados anteriormente y descritos a continuación
- visible: Este valor indica que el elemento será visible.
- oculto: Este valor indica que el elemento no será visible.
- colapso: Este valor es equivalente a oculto.
Ejemplo 1: A continuación se muestra el ejemplo que ilustra el uso del atributo de visibilidad .
HTML
Producción:
Ejemplo 2: A continuación se muestra el ejemplo que ilustra el uso del atributo de visibilidad.
HTML
<!DOCTYPE html> <html> <body> <h1 style="color:green; font-size:60px;"> GeeksforGeeks </h1> <svg viewBox="0 0 620 520" xmlns="http://www.w3.org/2000/svg"> <rect x="10" y="10" width="200" height="100" stroke="green" stroke-width="5" fill="transparent" /> <g stroke="seagreen" stroke-width="5" fill="lightgreen"> <rect x="20" y="20" width="80" height="80" visibility="hidden" /> <rect x="120" y="20" width="80" height="80" visibility="visible" /> </g> </svg> </body> </html>
Producción:
Publicación traducida automáticamente
Artículo escrito por thacker_shahid y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA