CSS 用户界面
CSS 用户界面
本章将介绍以下 CSS 用户界面属性
resizeoutline-offset
浏览器支持
表中的数字指定完全支持该属性的第一个浏览器版本。
| 属性 | |||||
|---|---|---|---|---|---|
| resize | 4.0 | 79.0 | 5.0 | 4.0 | 15.0 |
| outline-offset | 4.0 | 15.0 | 5.0 | 4.0 | 9.5 |
CSS 调整大小
resize 属性指定元素是否（以及如何）可以被用户调整大小。
此 div 元素可以被用户调整大小！
要调整大小：单击并拖动此 div 元素的右下角。
以下示例允许用户仅调整 <div> 元素的宽度
以下示例允许用户仅调整 <div> 元素的高度
以下示例允许用户调整 <div> 元素的高度和宽度
在许多浏览器中，<textarea> 默认情况下是可调整大小的。这里，我们使用 resize 属性禁用了可调整大小的功能
CSS 轮廓偏移
outline-offset 属性在轮廓和元素的边缘或边框之间添加空间。
此 div 的轮廓在边框边缘外 15 像素。
注意：轮廓与边框不同！与边框不同，轮廓绘制在元素边框的外部，并且可能与其他内容重叠。此外，轮廓不是元素尺寸的一部分；元素的总宽度和高度不受轮廓宽度的影响。
以下示例使用 outline-offset 属性在边框和轮廓之间添加空间
示例
div.ex1 {
margin: 20px;
border: 1px solid black;
outline: 4px solid red;
outline-offset: 15px;
}
div.ex2 {
margin: 10px;
border: 1px solid black;
outline: 5px dashed blue;
outline-offset: 5px;
}
自己尝试 »
CSS 用户界面属性
下表列出了所有用户界面属性
| 属性 | 描述 |
|---|---|
| outline-offset | 在轮廓和元素的边缘或边框之间添加空间 |
| resize | 指定元素是否可以被用户调整大小 |
