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网别的相干文章!