📜  如何在 CSS 中设置元素的可见性属性?

📅  最后修改于: 2021-09-01 01:33:38             🧑  作者: Mango

Visible 属性用于指定某个元素在 Web 文档中是否可见,但隐藏的元素会占用 Web 文档中的空间。您可以使用相同的 Visible 属性在 CSS 中设置元素的可见性属性。

通过visibility属性,我们可以像图像,文本框等可见的元素,以我们的肉眼,或者你甚至可以隐藏。要隐藏表格元素,您可以使用折叠,您将在本文中进一步介绍。

句法:

visibility: visible | hidden | collapse | initial | inherit;

适当的价值:

  • 可见:这是默认值。该元素通常在 Web 文档中显示或可见。
  • hidden:该属性在页面中隐藏元素,但会占用文档中的空间。
  • 折叠:此属性仅用于表格元素以从表格中删除行和列。

示例 1:使用 Visible 和 hidden 属性值。

HTML



    
  

  

    

          Given line is         Welcome to GeeksforGeeks Visible     

    

          Given line is         Welcome to GeeksforGeeks Hidden     

  


HTML


  

    

  

    
        

GeeksForGeeks

        

visibility:collapse;

        

geeksforgeeks

                                                                                                          
geeksforgeeks
        

A computer science portal for geeks

       
  


输出:

示例 2:使用 Collapse 属性值。

HTML



  

    

  

    
        

GeeksForGeeks

        

visibility:collapse;

        

geeksforgeeks

                                                                                                          
geeksforgeeks
        

A computer science portal for geeks

       
  

输出: