CSS verander die grootte van eiendom
Voorbeeld
Hier kan die gebruiker die grootte van beide die hoogte en breedte van 'n <div>-element verander:
div {
resize: both;
overflow: auto;
}
Meer "Probeer dit self" voorbeelde hieronder.
Definisie en gebruik
Die resize
eienskap definieer of (en hoe) 'n element deur die gebruiker verander kan word.
Let wel: Die resize
eienskap is nie van toepassing op inlyn-elemente of op blokelemente waar oorloop="sigbaar" is nie. Maak dus seker dat oorloop gestel is op "scroll", "outo" of "versteek".
Standaard waarde: | geen |
---|---|
Geërf: | geen |
Animateerbaar: | geen. Lees oor animeerbaar |
Weergawe: | CSS3 |
JavaScript-sintaksis: | voorwerp .style.resize="albei" |
Blaaierondersteuning
Die nommers in die tabel spesifiseer die eerste blaaierweergawe wat die eiendom ten volle ondersteun.
Nommers gevolg deur -moz- spesifiseer die eerste weergawe wat met 'n voorvoegsel gewerk het.
Property | |||||
---|---|---|---|---|---|
resize | 4.0 | 79.0 | 5.0 4.0 -moz- |
4.0 | 15.0 |
CSS-sintaksis
resize: none|both|horizontal|vertical|initial|inherit;
Eiendomswaardes
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 voorbeelde
Voorbeeld
Laat die gebruiker die grootte van slegs die hoogte van 'n <div>-element verander:
div
{
resize: vertical;
overflow: auto;
}
Voorbeeld
Laat die gebruiker die grootte van slegs die breedte van 'n <div>-element verander:
div
{
resize: horizontal;
overflow: auto;
}
Voorbeeld
In baie blaaiers is <textarea> by verstek veranderbaar. Hier het ons die resize-eienskap gebruik om die resizability te deaktiveer:
textarea {
resize: none;
}
Verwante bladsye
CSS-tutoriaal: CSS-gebruikerskoppelvlak
HTML DOM-verwysing: verander die grootte van eiendom