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>

全栈前端 / CSS教程 :



























Copyright © 2022-2024 笨鸟工具 x1y1z1.com All Rights Reserved.