ການປ່ຽນສັນຍາວັດສະນະສະໄໝການບໍລິຫານຜູ້ຄົນ

ການປ່ຽນສັນຍາວັດສະນະສະໄໝການບໍລິຫານຜູ້ຄົນ

在本章中，您将学到以下 CSS 用户界面属性：

  • resize
  • outline-offset

浏览器支持

表格中的数字注明了完全支持该属性的首个浏览器版本。

属性 Chrome IE Firefox Safari Opera
resize 4.0 不支持 5.0 4.0 15.0
outline-offset 4.0 15.0 5.0 4.0 9.5

CSS 调整大小

resize 属性规定元素是否应（以及如何）被用户调整大小。

这个 div 元素可由用户调整大小！

调整大小：单击并拖动此 div 元素的右下角。

注意：Internet Explorer 不支持 resize 属性。

下例只允许用户调整

元素的宽度：

ບໍລິຫານຫົວ

div {
  resize: horizontal;
  overflow: auto;
}

亲自试一试

下例只允许用户调整

元素的高度：

ບໍລິຫານຫົວ

div {
  resize: vertical;
  overflow: auto;
}

亲自试一试

下例允许用户能够调整

元素的高度和宽度：

ບໍລິຫານຫົວ

div {
  resize: both;
  overflow: auto;
}

亲自试一试

在许多浏览器中，