Ресизе - ЦСС-трикови | ЦСС Алманац 2025

Тхе resizeпроперти контролише да ли и како се елемент може се мијењати од стране корисника кликом и повлачењем доњем десном углу елемента.

.module ( resize: both; )

Супер важно је знати: resize не ради ништа осим ако overflowсвојство није подешено на нешто друго visible, а то је његова почетна вредност за већину елемената.

Такође је вредно знати да ће вам Фирефок омогућити да промените величину елемента мањег од његове првобитне величине. Прегледачи Вебкит вам неће дозволити да промените величину елемента како бисте га учинили мањим, само већим (у обе димензије).

Вредности

none: елементу се не може променити величина. Ово је почетна вредност за већину елемената. textareaЕлемент је најчешћи изузетак-у многим претраживачима његова стандардна resizeвредност both.
both: корисник може променити величину елемента у висину и / или ширину.
horizontal: корисник може хоризонтално променити величину елемента (повећавајући ширину).
vertical: корисник може вертикално променити величину елемента (повећавајући висину).
inherit: елемент наслеђује вредност промене величине свог родитеља.

Када је елементу могуће променити величину, он има малу ручицу корисничког интерфејса на доњем углу. Ручица се појављује десно на елементима странице када је страница directionпостављена на ltr(слева удесно) и лево на страницама rtl(здесна улево).

Елемент без дршке (напред) и са дршком (позади)

Демо

Елемент који се може променити у овом демо представља пасус. Кликните на дугмад да бисте испробали различите resizeвредности.

Погледајте демо о величини оловке од ЦСС-Трицкс (@ цсс-трицкс) на ЦодеПен-у.

Повезан

overflow
direction

Више информација

Тхе Спец
Мозилла Доцс
Чланак Давида Валсха
Тектареа трикови

Подршка прегледача

Подаци о подршци за прегледач су од компаније Цаниусе, која садржи више детаља. Број указује на то да прегледач подржава функцију у тој верзији и новијој.