举报投诉联系我们 手机版 热门标签 编程学
您的位置:编程学 > css3 resize CSS3 resize 属性

css3 resize CSS3 resize 属性

2023-03-13 07:18 CSS参考手册

css3 resize CSS3 resize 属性

css3 resize

CSS3 resize 属性允许用户改变元素的大小,以便更好地适应用户界面。它是一个非常有用的功能,可以让用户调整元素的大小,以便更好地适应屏幕尺寸和布局。

resize: none | both | horizontal | vertical;

CSS3 resize 属性有四个可能的值:none、both、horizontal 和 vertical。none 表示不允许用户改变元素的大小;both 表示允许用户在水平和垂直方向上改变元素的大小;horizontal 表示仅允许用户在水平方向上改变元素的大小;vertical 表示仅允许用户在垂直方向上改变元素的大小。

CSS3 resize 属性是一个非常有用的功能,它可以帮助开发人员创建出更加易于使用、易于理解、易于测试的 Web 界面。它还可以帮助开发人员制作出适应不同分辩率、不同浏览器、不同平台的 Web 界面。此外,它还能够帮助开发人员制作出适应不同文字大小、不同字体样式、不同图片样式的 Web 界面。

CSS3 resize 属性

CSS3 resize 属性

实例

指定一个div元素,允许用户调整大小:

div
{
resize:both;
overflow:auto;
}


浏览器支持

表格中的数字表示支持该属性的第一个浏览器版本号。

紧跟在 -webkit-, -ms- 或 -moz- 前的数字为支持该前缀属性的第一个浏览器版本号。

属性
resize 4.0 不兼容 5.0
4.0 -moz-
4.0 15.0

属性定义及使用说明

resize属性指定一个元素是否是由用户调整大小的。

注意:resize属性适用于计算其他元素的溢出值是不是"visible"。

默认值: none
继承: no
版本: CSS3
JavaScript 语法: object.style.resize="both"


语法

resize: none|both|horizontal|vertical:
描述
none 用户无法调整元素的尺寸。
both 用户可调整元素的高度和宽度。
horizontal 用户可调整元素的宽度。
vertical 用户可调整元素的高度。


相关文章

CSS3 教程: CSS3 用户界面


阅读全文
以上是编程学为你收集整理的css3 resize CSS3 resize 属性全部内容。
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。
相关文章
© 2024 编程学 bianchengxue.com 版权所有 联系我们
桂ICP备19012293号-7 返回底部