Właściwość zmiany rozmiaru CSS
Przykład
Tutaj użytkownik może zmienić zarówno wysokość, jak i szerokość elementu <div>:
div {
resize: both;
overflow: auto;
}
Więcej przykładów „Wypróbuj sam” poniżej.
Definicja i użycie
Właściwość resize
określa, czy (i w jaki sposób) użytkownik może zmieniać rozmiar elementu.
Uwaga: Właściwość resize
nie dotyczy elementów wbudowanych ani elementów blokowych, w których overflow="visible". Upewnij się więc, że przepełnienie jest ustawione na „przewiń”, „auto” lub „ukryty”.
Domyślna wartość: | Żaden |
---|---|
Dziedziczny: | nie |
Animowalny: | nie. Przeczytaj o animacji |
Wersja: | CSS3 |
Składnia JavaScript: | obiekt .style.resize="oba" |
Obsługa przeglądarki
Liczby w tabeli określają pierwszą wersję przeglądarki, która w pełni obsługuje tę właściwość.
Liczby, po których następuje -moz- określają pierwszą wersję, która działała z przedrostkiem.
Property | |||||
---|---|---|---|---|---|
resize | 4.0 | 79.0 | 5.0 4.0 -moz- |
4.0 | 15.0 |
Składnia CSS
resize: none|both|horizontal|vertical|initial|inherit;
Wartości nieruchomości
Value | Description | Play it |
---|---|---|
none | Default value. The user cannot resize the element | |
both | The user can resize both the height and width of the element | |
horizontal | The user can resize the width of the element | |
vertical | The user can resize the height of the element | |
initial | Sets this property to its default value. Read about initial | |
inherit | Inherits this property from its parent element. Read about inherit |
Więcej przykładów
Przykład
Pozwól użytkownikowi zmieniać rozmiar tylko wysokości elementu <div>:
div
{
resize: vertical;
overflow: auto;
}
Przykład
Pozwól użytkownikowi zmienić rozmiar tylko szerokości elementu <div>:
div
{
resize: horizontal;
overflow: auto;
}
Przykład
W wielu przeglądarkach domyślnie można zmieniać rozmiar <textarea>. Tutaj użyliśmy właściwości resize, aby wyłączyć możliwość zmiany rozmiaru:
textarea {
resize: none;
}
Powiązane strony
Samouczek CSS: Interfejs użytkownika CSS
Dokumentacja HTML DOM: właściwość zmiany rozmiaru