CSS |用户界面

用户界面 (UI) 定义了人类与信息系统交互的方式。在外行人的术语中，用户界面 (UI) 是一系列用于与设备交互的页面、屏幕、按钮、表单和其他视觉元素。每个应用程序和每个网站都有一个用户界面。
用户界面属性用于将任何元素更改为多个标准用户界面元素之一。在本文中，我们将讨论以下用户界面属性：

• 调整大小
• 轮廓偏移

resize 属性： resize 属性用于用户调整框的大小。此属性不适用于内联元素或可见溢出的块元素。在此属性中，溢出必须设置为“滚动”、“自动”或“隐藏”。

句法：

resize: horizontal|vertical|both;

• 水平：此属性用于调整元素的宽度。

  句法：

  resize: horizontal;

  例子：

  
  
      
          
          
      
      
          
  
              
  GeeksforGeeks
              
    resize: horizontal;
          
      
  
  

  输出：
  
  调整大小：单击并拖动此 div 元素的右下角。

• 垂直：此属性用于调整元素的高度。

  句法：

  resize: vertical;

  例子：

  
  
      
          
          
      
      
          
  
              
  GeeksforGeeks
              
    resize: vertical;
          
      
  
  

  输出：
  
  调整大小：单击并拖动此 div 元素的右下角。

• both：此属性用于调整元素的高度和宽度。

  句法：

  resize: both;

  例子：

  
  
      
          
          
      
      
          
  
              
  GeeksforGeeks
              
    resize: both;
          
      
  
  

  输出：
  
  调整大小：单击并拖动此 div 元素的右下角。

支持的浏览器： resize 属性支持的浏览器如下：

• 苹果 Safari 4.0
• 谷歌浏览器 4.0
• 火狐 5.0 4.0 -moz-
• 歌剧 15.0
• 不支持 Internet Explorer

轮廓偏移： CSS 中的轮廓偏移属性用于设置轮廓与元素边缘或边框之间的空间量。元素与其轮廓之间的空间是透明的。

句法：

outline-offset: length;

注意：长度是元素与其轮廓之间的空间宽度。
例子：

    
        
        
    
    
        
GeeksforGeeks
        

        
A computer science portal for geeks.
    

输出：

支持的浏览器： outline-offset 属性支持的浏览器如下：

• 苹果 Safari 3.1
• 谷歌浏览器 4.0
• 火狐 3.5
• 歌剧 10.5
• 互联网浏览器 15.0