A propriedade CSS resize
Definição e uso
O atributo resize define se o usuário pode ajustar o tamanho do elemento.
Notas:Para que essa propriedade funcione, é necessário configurar o atributo overflow do elemento, cujos valores podem ser auto, hidden ou scroll.
Veja também:
Tutorial CSS3Interface do usuário CSS3
Manual do HTML DOMAtributo resize
Exemplo
Define que o elemento div pode ser ajustado em tamanho pelo usuário:
div
{
resize:both;
overflow:auto;
}
Sintaxe CSS
resize: none|both|horizontal|vertical;
Valor do atributo
| Valor | Descrição |
|---|---|
| none | O usuário não pode ajustar o tamanho do elemento. |
| both | O usuário pode ajustar a altura e largura do elemento. |
| horizontal | O usuário pode ajustar a largura do elemento. |
| vertical | O usuário pode ajustar a altura do elemento. |
Detalhes técnicos
| Valor padrão: | none |
|---|---|
| Herança: | no |
| Versão: | CSS3 |
| Sintaxe JavaScript: | object.style.resize="both" |
Suporte do navegador
Os números na tabela indicam a primeira versão do navegador que suporta completamente essa propriedade.
Números com -moz- indicam a primeira versão com suporte ao prefixo.
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 4.0 | 79.0 | 5.0 4.0 -moz- |
4.0 | 15.0 |
