CSS中的resize屬性指定元素是否可被用戶調整大小。該屬性僅適用于某些元素,如textarea和input。
textarea{ resize:both; /*both表示可以水平和垂直調整*/ }
上面的代碼指定了textarea元素可以被水平和垂直調整大小,用戶可以通過拖動textarea的角落來調整大小。在上面的代碼中,resize屬性的值為both,表示textarea元素可以被水平和垂直調整。resize屬性的其他值包括none、vertical和horizontal。
input[type="text"]{ resize:none; }
上面的代碼指定了輸入框元素不可被調整大小,用戶無法通過拖動調整輸入框的大小。在上面的代碼中,resize屬性的值為none,表示輸入框元素不可被調整大小。
在使用resize屬性時,需要注意的是,該屬性在不同的瀏覽器中表現可能會略有不同,一些瀏覽器可能會忽略您對resize屬性的設置。
總的來說,resize屬性可用于提升用戶的體驗和可訪問性。若需要讓特定的元素可被用戶調整大小,則可以使用該屬性實現。
上一篇css打印忽略某個元素
下一篇css樣式具體頂部多高