CSS env()函数

env()函数用于将用户代理定义的环境变量的值插入到您的 CSS 中。它几乎与 CSS 中的 var() 相同，只是这些值是用户代理定义的而不是用户定义的。这些变量是全局范围的。

句法：

env(  ,  )

注意：请注意 env() 属性值区分大小写。

属性值：

• SAFE-AREA-INSET-TOP：它从视口的边缘定义矩形的顶部。

  句法：

  env(SAFE-AREA-INSET-TOP,Integer_value)
  

  例子：

  HTML

  
  
    
  
      
      
    
      
  
    
  
      
  50px padding from top
    
      
  Geeks for geeks
  
    
  

  输出：

  

• SAFE-AREA-INSET-RIGHT：它从视口的边缘定义矩形的右侧。

  句法：

  env(SAFE-AREA-INSET-RIGHT,Integer_value);

  例子：

  HTML

  
  
    
  
      
      
    
      
  
    
  
      
  50px padding from right
    
      
  Geeks for geeks
  
    
  
  

  输出：

  

• SAFE-AREA-INSET-LEFT：它定义了矩形从视口边缘开始的左侧。

  句法：

  env(SAFE-AREA-INSET-LEFT,Integer_value);
  

  例子：

  HTML

  
  
    
  
      
      
    
      
  
    
  
      
  50px padding from left
    
      
  Geeks for geeks
  
    
  
  

  输出：

  

• SAFE-AREA-INSET-BOTTOM：它从视口的边缘定义矩形的底部。

  句法：

  env(SAFE-AREA-INSET-BOTTOM,Integer_value);

  例子：

  HTML

  
  
    
  
      
      
    
      
  
    
  
      
  50px padding from bottom
    
      
  Geeks for geeks
  
    
  
  

  输出：

  

支持的浏览器：

• 铬合金
• 边缘
• 火狐
• 苹果浏览器
• 歌剧