Przykład
Określić, że <div> element powinien być skalowalny przez użytkownika:
div {
resize: both;
overflow: auto;
}
Spróbuj sam " Więcej "Try it Yourself" przykłady poniżej.
Definicja i Wykorzystanie
Obiekt resize określa, czy element jest skalowalny przez użytkownika.
Note: Właściwość zmiany rozmiaru odnosi się do elementów, których wartość przepełnienie komputerowej jest czymś innym niż "visible" .
| Domyślna wartość: | none |
|---|---|
| Dziedziczny: | no |
| Animatable: | no. Read about animatable |
| Wersja: | CSS3 |
| Składnia JavaScript: | object .style.resize="both" Try it |
Pomoc Browser
Liczby w tabeli określ pierwszą wersję przeglądarki, która w pełni obsługuje właściwość.
Liczby obserwowani przez -moz- określić pierwszą wersję, która pracowała z prefiksem.
| Nieruchomość | |||||
|---|---|---|---|---|---|
| resize | 4,0 | Nieobsługiwany | 5,0 4,0 -moz- | 4,0 | 15,0 |
Składnia CSS
resize: none|both|horizontal|vertical|initial|inherit;wartości nieruchomości
| Wartość | Opis | Graj |
|---|---|---|
| none | Domyślna wartość. Użytkownik nie może zmienić rozmiar elementu | Graj " |
| both | Użytkownik może regulować zarówno wysokość, jak i szerokość elementu | Graj " |
| horizontal | Użytkownik może regulować szerokość elementu | Graj " |
| vertical | Użytkownik ma możliwość dostosowania wysokości elementu | Graj " |
| initial | Ustawia tę właściwość na wartość domyślną. Przeczytaj o początkowej | Graj " |
| inherit | Dziedziczy nieruchomość od swojego rodzica. Przeczytaj o dziedziczą |
Więcej przykładów
Przykład
Pozwól użytkownikowi zmieniać rozmiar tylko wysokość <div> element:
div
{
resize: vertical;
overflow:
auto;
}
Spróbuj sam " Przykład
Pozwól użytkownikowi zmieniać rozmiar tylko szerokość <div> element:
div
{
resize: horizontal;
overflow:
auto;
}
Spróbuj sam " Przykład
Domyślnie <textarea> elementy są skalowalne. Użyj właściwości zmiany rozmiaru, aby zapobiec pola tekstowe mają być zmieniany (disable the "grabber" in the textarea) :
textarea {
resize: none;
}
Spróbuj sam " Podobne strony
Tutorial CSS3: CSS3 Interfejs użytkownika
HTML DOM referencyjny: resize property