CSS formaat van eigenschap wijzigen
Voorbeeld
Hier kan de gebruiker zowel de hoogte als de breedte van een <div>-element wijzigen:
div {
resize: both;
overflow: auto;
}
Meer "Probeer het zelf" voorbeelden hieronder.
Definitie en gebruik
De resize
eigenschap definieert of (en hoe) een element kan worden aangepast door de gebruiker.
Opmerking: de resize
eigenschap is niet van toepassing op inline-elementen of op blokelementen waar overflow="visible". Zorg er dus voor dat overloop is ingesteld op "scroll", "auto" of "hidden".
Standaardwaarde: | geen |
---|---|
geërfd: | Nee |
Animeerbaar: | Nee. Lees over animeren |
Versie: | CSS3 |
JavaScript-syntaxis: | object .style.resize="beide" |
Browserondersteuning
De getallen in de tabel geven de eerste browserversie aan die de eigenschap volledig ondersteunt.
Getallen gevolgd door -moz- specificeren de eerste versie die met een prefix werkte.
Property | |||||
---|---|---|---|---|---|
resize | 4.0 | 79.0 | 5.0 4.0 -moz- |
4.0 | 15.0 |
CSS-syntaxis
resize: none|both|horizontal|vertical|initial|inherit;
Eigendomswaarden
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 |
Meer voorbeelden
Voorbeeld
Laat de gebruiker alleen de hoogte van een <div>-element wijzigen:
div
{
resize: vertical;
overflow: auto;
}
Voorbeeld
Laat de gebruiker alleen de breedte van een <div>-element wijzigen:
div
{
resize: horizontal;
overflow: auto;
}
Voorbeeld
In veel browsers is <textarea> standaard aanpasbaar. Hier hebben we de eigenschap resize gebruikt om de aanpasbaarheid uit te schakelen:
textarea {
resize: none;
}
Gerelateerde pagina's
CSS-zelfstudie: CSS-gebruikersinterface
HTML DOM-referentie: formaat van eigenschap wijzigen