标签:CSS3 用户界面 元素 指定 用户 nav resize
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 |
标签:CSS3,用户界面,元素,指定,用户,nav,resize 来源: https://www.cnblogs.com/xiaomi123/p/14038501.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。