📜  CSS |可见性属性

📅  最后修改于: 2021-08-30 11:56:26             🧑  作者: Mango

此属性用于指定元素在 Web 文档中是否可见,但隐藏元素在 Web 文档中占用空间。使用 display 属性删除或显示属性从浏览器中隐藏和删除元素。

句法:

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

属性值:

  • 可见:这是默认值。该元素在 Web 文档中正常显示或可见。

    句法:

    visibility:hidden;

    例子:

    
    
        
            
                CSS | visibility Property
            
            
        
        
            

    GeeksforGeeks

            

    visibility:visible;

            

             A computer science portal for geeks         

                                         

    输出:

  • hidden:该属性在页面中隐藏元素,但在文档中占用空间。

    句法:

    visibility:hidden;

    例子:

    
    
        
            
                CSS | visibility Property
            
            
        
        
            

    GeeksforGeeks

            

    visibility:hidden;

            

             A computer science portal for geeks         

                             

    输出:

  • 折叠:此属性仅用于表格元素。它用于从表中删除行和列,但不影响表的布局。但他们的空间可用于其他内容。
    注意:此属性不用于除表格元素之外的其他元素。

    句法:

    visibility:collapse;

    例子:

    
    
        
            
                CSS | visibility Property
            
            
        
        
            
            

    GeeksForGeeks

            

    visibility:collapse;

            

    geeksforgeeks

                                                                                                  
    geeksforgeeks
            

    A computer science portal for geeks

            
                             

    输出:

支持的浏览器: visibility 属性支持的浏览器如下:

  • 谷歌浏览器
  • IE浏览器
  • 火狐
  • 歌剧
  • 苹果浏览器