Exemplo
Especificar que um <div> elemento deve ser redimensionáveis pelo usuário:
div {
resize: both;
overflow: auto;
}
Tente você mesmo " Mais "Try it Yourself" exemplos abaixo.
Definição e Uso
A propriedade de redimensionamento especifica se ou não um elemento é redimensionado pelo usuário.
Note: A propriedade de redimensionamento aplica-se a elementos cujo valor estouro computadorizada é algo diferente de "visible" .
| Valor padrão: | none |
|---|---|
| Herdado: | no |
| Animatable: | no. Read about animatable |
| Versão: | CSS3 |
| sintaxe JavaScript: | object .style.resize="both" Try it |
Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente a propriedade.
Números seguidos de -moz- especificar a primeira versão que trabalhou com um prefixo.
| Propriedade | |||||
|---|---|---|---|---|---|
| resize | 4.0 | Não suportado | 5 4.0 -moz- | 4.0 | 15,0 |
CSS Syntax
resize: none|both|horizontal|vertical|initial|inherit;Valores de propriedade
| Valor | Descrição | Jogue |
|---|---|---|
| none | Valor padrão. O usuário não pode redimensionar o elemento | Jogue " |
| both | O utilizador pode ajustar a altura e a largura do elemento | Jogue " |
| horizontal | O utilizador pode ajustar a largura do elemento | Jogue " |
| vertical | O utilizador pode ajustar a altura do elemento | Jogue " |
| initial | Define essa propriedade para o valor padrão. Leia sobre inicial | Jogue " |
| inherit | Herda essa propriedade do seu elemento pai. Leia sobre herdar |
mais Exemplos
Exemplo
Permitir que o usuário redimensionar somente a altura de um <div> elemento:
div
{
resize: vertical;
overflow:
auto;
}
Tente você mesmo " Exemplo
Permitir que o usuário redimensionar apenas a largura de um <div> elemento:
div
{
resize: horizontal;
overflow:
auto;
}
Tente você mesmo " Exemplo
Por padrão, <textarea> elementos são redimensionáveis. Use a propriedade de redimensionamento para evitar textareas para ser redimensionada (disable the "grabber" in the textarea) :
textarea {
resize: none;
}
Tente você mesmo " Páginas relacionadas
CSS3 tutorial: CSS3 User Interface
HTML DOM de referência: resize property