config

Strona w trakcie modernizacji

Zapraszamy wkrótce

Właściwość CSS resize

Definicja stylu, przeznaczenie i użycie resize

Właściwość resize określa, czy / jak użytkownik może zmieniać rozmiar elementu.

Uwaga: właściwość resize nie dotyczy elementów liniowych inline ani elementów blokowych (block ), którym nadano właściwość overflow:visible. Dlatego upewnij się, czy właściwość overflow jest ustawiona na scroll, auto lub hidden.

Wartości właściwości resize

Wartość Opis
none Domyślna wartość. Użytkownik nie może zmienić rozmiaru elementu.
both Użytkownik może zmienić zarówno wysokość, jak i szerokość elementu.
horizontal Użytkownik może zmienić szerokość elementu.
vertical Użytkownik może zmienić wysokość elementu.
initial Ustawia tę właściwość na jej wartość domyślną.
inherit Dziedziczy tę właściwość z elementu nadrzędnego.

Składnia CSS resize

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

Wsparcie przeglądarek dla właściwości resize

Liczba w tabeli określa pierwszą wersję przeglądarki w pełni obsługującą tę właściwość.

Liczba przed -moz- określa pierwszą wersję, która działała z prefiksem.

Właściwość chrome edge firefox safari opera
resize 4.0 79.0 5.0
4.0 -moz-
4.0 15.0

Przykładowe zastosowania z właściwością resize

Właściwość CSS:
resize:

 
Rezultat:
Zmień właściwość resize i spróbuj zmienić rozmiar tego elementu DIV.
Kod CssCSS Code:
#myDIV {
resize:both;
overflow:auto;
}
 

 

Przykłady właściwości resize

 

 

Obszar działalności – tworzenie stron internetowych w miastach:

Witold Czuba Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe
Adres:, Marynarska 54, 59-220, Legnica, dolnośląskie, Polska, Tel.: +48 780 060 995, Pon. - pt. 8:00 - 17:00

 

Witold Czuba

Tworzenie stron Warszawa, Wrocław i Legnica | Teksty SEO pozycjonujące strony | Grafika na strony internetowe

Marynarska 54
59-220, Legnica,
dolnośląskie, Polska,
Tel.: +48 780 060 995,
Pon. - pt. 8:00 - 17:00