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