CSS3 用户界面

CSS3 中, 增加了一些新的用户界面特性来调整元素尺寸，盒尺寸以及外边框

用户界面属性：

resize  ；

box‐sizing ；

outline‐offset ；

CSS3 调整尺寸(Resizing)

resize属性指定一个元素是否应该由用户去调整大小。

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>CSS3 用户界面 xinbiancheng.cn</title>
</head>
<body>
<style> 
div
{
	border:2px solid;
	padding:10px 40px; 
	width:300px;
	resize:both;
	overflow:auto;
}
</style>
<p><b>注意:</b> Firefox, Safari,和 Chrome 兼容 resize 属性.</p>

<div>调整属性指定一个元素是否由用户可调整大小的。</div>
</body>
</html

用户外观(User-interface) 属性

属性描述CSS
appearance 定义元素的外观样式 3
box-sizing 允许您为了适应区域以某种方式定义某些元素 3
icon 为新编程元素指定图标 3
nav-down 指定用户按向下键时向下导航的位置 3
nav-index 指定导航（tab）顺序。 3
nav-left 指定用户按向左键时向左导航的位置 3
nav-right 指定用户按向右键时向左导航的位置 3
nav-up 指定用户按向上键时向上导航的位置 3
outline-offset 设置轮廓框架在 border 边缘外的偏移 3
resize 定义元素是否可以改变大小 3


posted @ 2020-11-25 20:52  晓米123  阅读(60)  评论(0)  编辑  收藏  举报