用户界面属性允许您将任何元素更改为几个标准用户界面元素之一。
CSS3用户界面中使用的一些常用属性。
| 序号 | 值与说明 |
|---|---|
| 1 | 外观用于允许用户将元素制作为用户界面元素。 |
| 2 | box-sizing允许用户以清晰的方式将元素固定在区域上。 |
| 3 | icon用于在区域上提供图标。 |
| 4 | 调整大小用于调整区域中元素的大小。 |
| 5 | outline-offset用于在轮廓线后面绘制。 |
| 6 | nav-down按下键盘上的向下箭头按钮时，用于向下移动。 |
| 7 | nav-left用于在按键盘上的向左箭头按钮时向左移动。 |
| 8 | nav-right用于在按键盘上的向右箭头按钮时向右移动。 |
| 9 | nav-up按下键盘上的向上箭头按钮时，用于向上移动。 |
调整大小属性具有三个常用值，如下所示-
水平的
垂直的
两个都
在CSS3用户界面的resize属性中使用 两个值
<html>
<head>
<style>
div {
border: 2px solid;
padding: 20px;
width: 300px;
resize: both;
overflow: auto;
}
</style>
</head>
<body>
<div>nhooo.com</div>
</body>
</html>轮廓线表示在边框外部在元素周围画一条线。
<html>
<head>
<style>
div {
margin: 20px;
padding: 10px;
width: 300px;
height: 100px;
border: 5px solid pink;
outline: 5px solid green;
outline-offset: 15px;
}
</style>
</head>
<body>
<div>nhooo</div>
</body>
</html>