在CSS中,resize屬性可以用來改變元素的大小。主要用在textarea和input元素的樣式中,但是也可以用在其他元素上。下面是一些使用resize屬性的例子:
/* 將textarea的大小改為400x300 */ textarea { width: 400px; height: 300px; resize: both; } /* 限制textarea只能垂直改變 */ textarea.vertical-only { resize: vertical; } /* 禁止textarea改變大小 */ textarea.no-resize { resize: none; }
在上面的例子中,使用了三種不同的resize屬性值。第一個例子中使用了both,代表可垂直和可水平改變元素的大小。第二個例子中,使用了vertical,使元素只能垂直改變大小。第三個例子中,使用了none,代表禁止元素改變大小。
需要注意的是,只有被允許改變大小的元素才會有resize屬性。如果該元素沒有設置width和height屬性,那么resize也是無效的。
在某些情況下,resize可能會影響到元素的布局。在使用時需多留意。