CSS3 自由縮放屬性
為了增強(qiáng)用戶體驗(yàn),CSS3增加了很多新的屬性,其中resize就是一個(gè)重要的屬性,也是一個(gè)非常實(shí)用的屬性,它允許用戶通過(guò)拖動(dòng)的方式來(lái)修改元素的尺寸來(lái)改變?cè)氐拇笮?。到目前為止,可以使用overflow屬性的任何容器元素。在此之前,Web設(shè)計(jì)師為了要實(shí)現(xiàn)這樣的UI效果,需要使用大量的腳本代碼才能實(shí)現(xiàn),這樣費(fèi)時(shí)費(fèi)力, 效率極低。
resize屬性主要是用來(lái)改變?cè)爻叽绱笮〉模?其主要目的是增強(qiáng)用戶體驗(yàn)。 使用方法極其的簡(jiǎn)單。
在CSS3中resize屬性指定的值分為以下幾種:
http:/ /www.iis7.com/b/wzjk/
-none: 用戶不能拖動(dòng)元素修改尺寸大小。
-both: 用戶可以拖動(dòng)元素,同時(shí)修改元素的寬度和高度。
-horizontal: 用戶可以拖動(dòng)元素,僅可以修改元素的寬度,但不能修改元素的高度。
-vertical: 用戶可以拖動(dòng)元素,僅可以修改元素的高度,但不能修改元素的寬度。
-inherit: 繼承父元素的resize屬性值。
創(chuàng)新互聯(lián)公司是網(wǎng)站建設(shè)技術(shù)企業(yè),為成都企業(yè)提供專業(yè)的成都網(wǎng)站設(shè)計(jì)、做網(wǎng)站,網(wǎng)站設(shè)計(jì),網(wǎng)站制作,網(wǎng)站改版等技術(shù)服務(wù)。擁有10余年豐富建站經(jīng)驗(yàn)和眾多成功案例,為您定制適合企業(yè)的網(wǎng)站。10余年品質(zhì),值得信賴!