resize属性(CSS设置)

resize,CSSresize属性(CSS设置)resize属性为了增强用户体验,CSS3增加了很对的新属性,其中一个重要的属性就是resize,它允许用户通过拖动的方式改变元素的尺寸,到目前为止,主要用于可以使用ov

  resize属性

为了增强用户体验,CSS3增加了相当新的属性,其中之一就是resize,它允许用户通过拖动来改变元素的大小。到目前为止,它主要用在任何可以使用overtflow属性的容器元素中。

调整大小:无|水平|垂直|继承

无:浏览器不提供尺寸修剪机制,用户无法操作该机制调整的高度和宽度。

两者:浏览器提供了双向调整大小的机制,允许用户调整元素的宽度和高度。

水平:浏览器提供单向水平调整机制,允许用户调整元素的宽度。

垂直:浏览器提供单向垂直调整机制,允许用户调整元素的高度。

目前除了IE浏览器,其他最新的主流浏览器都允许元素缩放,但还没有完全支持。

!DOCTYPEhtml

htmllang='en '

metachartset=' UTF-8 '

元名称=“视口”内容=“宽度=设备宽度,初始比例=1.0”

meta http-equiv=' X-UA-Compatible ' content=' ie=edge '

标题文档/标题

/head

身体

风格。方框{

盒子大小:边框盒子;

-web kit-box-sizing : border-box;

border:3pxsolidgreen

}。p{

宽度:10 px;

高度:20 px;

border:1emsolidblack

resize:both

飞越: auto;

/*溢出和redize必须同时定义,否则redize属性声明无效,元素溢出默认显示可见*/*/

box-size : initial;

}

/style

divclass='p '

你好,世界

/div

divclass='box '

你好,世界/p

/div

脚本

/script

/body

/html

CSS

  CSS设置

本文的操作环境:Windows7系统,HTML5CSS3第三版,DellG3电脑。

Resize是CSS3中的一个特性,用于指定用户是否调整元素的大小。

css3设计功能。

函数:指定用户是否可以调整元素大小。

说明:火狐、Chrome和Safari支持调整大小功能。

语法:

一个

resize:none | both |水平|垂直;

无:用户无法调整元素的大小。

两者:用户可以调整元素的高度和宽度。

水平:用户可以调整元素的宽度。

垂直:用户可以调整元素的高度。

resize属性

注意:如果你想让这个特性生效,你需要设置元素的溢出特性。该值可以是自动、隐藏或滚动。

css3resize特性示例。

调整大小功能指定用户是否可以调整元素大小。

注意:Firefox4、Safari和Chrome支持调整大小功能。

内容来源网络,如有侵权,联系删除,本文地址:https://www.230890.com/zhan/57687.html

(0)

相关推荐

  • transition-delay属性(CSS设置)

    属性,CSStransition-delay属性(CSS设置)transition-delay属性在过渡效果开始前等待2秒:div{transition-delay:2s;-moz-transition-delay:2s

    阅读 2021年11月20日
  • width属性(CSS设置)

    width属性,CSSwidth属性(CSS设置)width属性直接给span符号的款式设定width特点,会发现不会发生作用。假如设置display:block,width特点收效,可是此刻的span跟div相同了。假

    阅读 2021年11月29日
  • z-index属性(CSS设置)

    CSSz-index属性(CSS设置)z-index属性z-index特点设置元素的堆叠次序。具有更高堆叠次序的元素总是会处于堆叠次序较低的元素的前面。语法:z-index:auto|number;参数:auto:默许。

    阅读 2021年12月1日
  • vertical-align属性(CSS设置)

    CSSvertical-align属性(CSS设置)vertical-align属性1,vertical-align特点的作用?设置元素笔直对齐的方法;2,该特点使用过程的注意点:与text-align特点不同,text

    阅读 2021年11月26日
  • transition-property属性(CSS设置)

    属性,CSStransition-property属性(CSS设置)transition-property属性csstransition-property特点用于规则运用过渡作用的CSS特点的称号,其语法是transit

    阅读 2021年11月22日
  • 向网站添加有助于阅读障碍的模式

    John C Barstow 2021年11月23日0评论添加一个阅读障碍友好模式到一个网站12分钟阅读CSS,可用性,可访问性,技术,用户体验分享在推特席上,LinkedIn关于...

    2021年12月10日