CSS resize eigenschap
Definitie en gebruik
De resize-eigenschap bepaalt of de afmetingen van het element kunnen worden aangepast door de gebruiker.
Opmerking:Om deze eigenschap effectief te maken, moet de overflow-eigenschap van het element worden ingesteld, de waarde kan auto, hidden of scroll zijn.
Zie ook:
CSS3 Handleiding:CSS3 gebruikersinterface
HTML DOM Referentie Handboek:resize-eigenschap
Voorbeeld
Definieert dat de afmetingen van het div-element kunnen worden aangepast door de gebruiker:
div { resize:both; overflow:auto; }
CSS Syntax
resize: none|both|horizontal|vertical;
Eigenschapswaarde
Waarde | Beschrijving |
---|---|
geen | Gebruikers kunnen de afmetingen van het element niet aanpassen. |
beide | Gebruikers kunnen zowel de hoogte als de breedte van het element aanpassen. |
horizontaal | Gebruikers kunnen de breedte van het element aanpassen. |
verticaal | Gebruikers kunnen de hoogte van het element aanpassen. |
Technische details
Standaardwaarde: | geen |
---|---|
Inheritance: | nee |
Versie: | CSS3 |
JavaScript Syntax: | object.style.resize="both" |
Browserondersteuning
De getallen in de tabel vermelden de eerste browserversie die deze eigenschap volledig ondersteunt.
Getallen met -moz- als voorvoegsel betekenen de eerste versie met het voorvoegsel.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
4.0 | 79.0 | 5.0 4.0 -moz- |
4.0 | 15.0 |