CSS 參考手冊

CSS @規(guī)則(RULES)

CSS 屬性大全

CSS3 resize 屬性使用方法及示例

resize CSS屬性指定元素是否可以由用戶調(diào)整大?。ㄈ绻梢裕┮约把刂膫€方向調(diào)整大小。

下表為此屬性的用法說明和版本歷史記錄,以及該屬性在javascript腳本中的使用語法。

默認(rèn)值:none
適用于:可見溢出以外的元素
繼承:沒有
可動畫制作:否。請參見 動畫屬性。
版本: CSS3的新功能
JavaScript語法:object.style.resize="both"

resize的使用語法

該屬性的語法如下:

resize: none | both | horizontal | vertical | initial | inherit

下面的示例演示了如何使用resize屬性。

  textarea {
   resize: none;
  }
  div {
   resize: both;
   overflow: auto;
  }
測試看看?/?

注意: resize屬性應(yīng)用于一個元素,該元素的計算overflow值是visible。如果overflow在特定軸上(即overflow-xvs. overflow-y)不同,則此屬性適用于不具有值的尺寸visible。

屬性值

下表描述了此屬性的值。

描述
none用戶無法調(diào)整元素的大小。這是默認(rèn)值。
both元素顯示雙向調(diào)整大小的機(jī)制,以允許用戶調(diào)整元素的高度和寬度。
horizontal元素顯示單向水平大小調(diào)整機(jī)制,以允許用戶僅調(diào)整元素的寬度。
vertical元素顯示單向垂直大小調(diào)整機(jī)制,以允許用戶僅調(diào)整元素的高度。
initial將此屬性設(shè)置為其默認(rèn)值。
inherit如果指定,則關(guān)聯(lián)元素采用其父元素resize的屬性值。

瀏覽器兼容性

resize屬性瀏覽器的兼容性,下表中的數(shù)字表示支持該屬性的瀏覽器最低版本號;所有主流瀏覽器均支持該屬性。

瀏覽器圖標(biāo)
  • Firefox 4+

  • Google Chrome3+

  • Internet Explorer ×

  • Apple Safari 3+

  • Opera 15+

進(jìn)一步閱讀

請參考以下教程:CSS Overflow。

相關(guān)屬性:overflowoverflow-x,overflow-y

丰满人妻一级特黄a大片,午夜无码免费福利一级,欧美亚洲精品在线,国产婷婷成人久久Av免费高清