CSS resize属性
resize属性
CSS中,resize属性,可指定设置了该属性的元素是否可以由用来来调整元素的尺寸。比如下方的示例,可以拖动元素的右下角来改变元素的尺寸:
Hello,这里是笨鸟工具x1y1z1.com
提示:一般情况下,设置了resize属性之后,需要设置元素的overflow属性。
语法
resize:value;
可选属性值
属性值 | 描述 |
---|---|
none | 用户无法调整元素大小 |
both | 可调整高度和宽度 |
horizontal | 可调整宽度 |
vertical | 可调整高度 |
resize属性实例代码,及在线编辑器
<div id='d1'>Hello,欢迎来到笨鸟工具</div>
<style>
#d1{background-color:orange;padding:50px;width:350px;overflow:auto;resize:both}
</style>