hi,你好!欢迎访问本站!登录
本站由简数采集腾讯云宝塔系统阿里云强势驱动
当前位置:首页 - HTML - 正文 请牢记本站网址www.sosophp.cn

resize属性怎样用【html5教程】

2019-11-26HTML搜搜PHP网55°c
A+ A-
resize是CSS3中的一个属性,它用于指定一个元素是不是是由用户调解大小。

css3 resize属性

作用:划定是不是可由用户调解元素尺寸。

申明:Firefox、Chrome 以及 Safari 支撑 resize 属性。

语法:

resize: none|both|horizontal|vertical;

none:用户没法调解元素的尺寸。

both:用户可调解元素的高度和宽度。

horizontal :用户可调解元素的宽度。

vertical:用户可调解元素的高度。

解释:假如愿望此属性见效,须要设置元素的 overflow 属性,值可所以 auto、hidden 或 scroll。

css3 resize属性的运用示例

<!DOCTYPE html>
<html>
<head>
<style> 
div
{
border:2px solid;
padding:10px 40px; 
width:300px;
resize:both;
overflow:auto;
}
</style>
</head>
<body>

<div>resize 属性划定是不是可由用户调解元素尺寸。</div>

<p><b>解释:</b> Firefox 4+、Safari 以及 Chrome 支撑 resize 属性。</p>

</body>
</html>

效果图:

以上就是本篇文章的全部内容,愿望能对人人的进修有所协助。更多精彩内容人人能够关注ki4网相干教程栏目!!!

以上就是resize属性怎样用的细致内容,更多请关注ki4网别的相干文章!

  选择打赏方式
微信赞助

打赏

QQ钱包

打赏

支付宝赞助

打赏

  选择分享方式
  移步手机端
resize属性怎样用【html5教程】

1、打开你手机的二维码扫描APP
2、扫描左则的二维码
3、点击扫描获得的网址
4、可以在手机端阅读此文章
标签:
推荐阅读