CSS3 用户界面
CSS3 用户界面
在 CSS3 廓等。
属性:
- resize
- box-sizing
- outline-offset
属性 | |||||
---|---|---|---|---|---|
resize | |||||
box-sizing | |||||
outline-offset |
Firefox、Chrome 以及 Safari 支持 resize 属性。
Internet Explorer、Chrome、Safari 以及 Opera 支持 box-sizing 属性。Firefox 需要前缀 -moz-。
outline-offset Internet Explorer。
CSS3 Resizing
在 CSS3,resize 寸。
这个 div (在 Firefox 4+、Chrome 以及 Safari 中)。
CSS
实例
规定 div :
div { resize:both; overflow:auto; }
CSS3 Box Sizing
box-sizing
实例
方框:
div { box-sizing:border-box; -moz-box-sizing:border-box; /* Firefox */ -webkit-box-sizing:border-box; /* Safari */ width:50%; float:left; }
CSS3 Outline Offset
outline-offset 。
:
- 空间
- 非矩形
这个 div 15 个轮廓。
CSS
实例
缘之外 15 廓:
div { border:2px solid black; outline:2px solid red; outline-offset:15px; }
面属性
:
属性 | 描述 | CSS |
---|---|---|
appearance | 3 | |
box-sizing | 内容。 | 3 |
icon | 3 | |
nav-down | arrow-down | 3 |
nav-index | tab 。 | 3 |
nav-left | arrow-left | 3 |
nav-right | arrow-right | 3 |
nav-up | arrow-up | 3 |
outline-offset | 制轮廓。 | 3 |
resize | 行调整。 | 3 |