ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

CSS3 用户界面

2020-11-25 21:04:01  阅读:205  来源: 互联网

标签: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. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有