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 |