Exemplu
Se specifică faptul că un <div> element trebuie redimensionat de către utilizator:
div {
resize: both;
overflow: auto;
}
Încearcă - l singur » Mai multe "Try it Yourself" - "Try it Yourself" exemplele de mai jos.
Definiție și utilizare
Proprietatea specifică resize dacă este sau nu un element este redimensionabilă de către utilizator.
Note: Proprietatea resize se aplică elemente a căror valoare este calculată revărsare altceva decât "visible" .
Valoare implicită: | none |
---|---|
Mostenit: | no |
Animatable: | no. Read about animatable |
Versiune: | CSS3 |
sintaxa JavaScript: | object .style.resize="both" Try it |
Suport pentru browser-
Numerele din tabel specifica prima versiune de browser care acceptă pe deplin proprietatea.
Numerele urmate de -moz- specifica prima versiune care a lucrat cu un prefix.
Proprietate | |||||
---|---|---|---|---|---|
resize | 4 | Nu sunt acceptate | 5 4.0 -moz- | 4 | 15.0 |
CSS Sintaxa
resize: none|both|horizontal|vertical|initial|inherit;
Valori de proprietate
Valoare | Descriere | Joaca-l |
---|---|---|
none | Valoare implicită. Utilizatorul nu poate redimensiona elementul | Joaca - l » |
both | Utilizatorul poate ajusta atât înălțimea și lățimea elementului | Joaca - l » |
horizontal | Utilizatorul poate ajusta lățimea elementului | Joaca - l » |
vertical | Utilizatorul poate regla înălțimea elementului | Joaca - l » |
initial | Setează această proprietate la valoarea implicită. Citiți despre inițială | Joaca - l » |
inherit | Mosteneste această proprietate de la elementul părinte. Citiți despre moștenesc |
Mai multe exemple
Exemplu
Lăsați utilizatorul redimensiona numai înălțimea unui <div> Element:
div
{
resize: vertical;
overflow:
auto;
}
Încearcă - l singur » Exemplu
Lăsați utilizatorul redimensiona numai lățimea unui <div> Element:
div
{
resize: horizontal;
overflow:
auto;
}
Încearcă - l singur » Exemplu
În mod implicit, <textarea> elemente sunt redimensionabilă. Utilizați proprietatea Resize pentru a preveni textarea pentru a fi redimensionate (disable the "grabber" in the textarea) :
textarea {
resize: none;
}
Încearcă - l singur » Pagini similare
Tutorial CSS3: CSS3 User Interface
HTML DOM referință: resize property