📌  相关文章
📜  CSS3-用户界面

📅  最后修改于: 2020-10-26 05:00:27             🧑  作者: Mango

用户界面属性允许您将任何元素更改为几个标准用户界面元素之一。

CSS3用户界面中使用的一些常用属性。

Sr.No. Value & Description
1

appearance

Used to allow the user to make elements as user interface elements.
2

box-sizing

Allows to users to fix elements on area in clear way.
3

icon

Used to provide the icon on area.
4

resize

Used to resize elements which are on area.
5

outline-offset

Used to draw the behind the outline.
6

nav-down

Used to move down when you have pressed on down arrow button in keypad.
7

nav-left

Used to move left when you have pressed on left arrow button in keypad.
8

nav-right

Used to move right when you have pressed on right arrow button in keypad.
9

nav-up

Used to move up when you have pressed on up arrow button in keypad.

调整大小属性的示例

调整大小属性具有三个常用值，如下所示-

  • 水平的
  • 垂直
  • 都

在css3用户界面的resize属性中使用两个值-

现场演示

   

   
      
TutorialsPoint.com

它将产生以下结果-

CSS3轮廓偏移

轮廓线表示在边框外部在元素周围画一条线。

现场演示
div {
            margin: 20px;
            padding: 10px;
            width: 300px; 
            height: 100px;
            border: 5px solid pink;
            outline: 5px solid green;
            outline-offset: 15px;
         }
      
   

   
      
TutorialsPoint

它将产生以下结果-