manual de referência CSS

regras CSS (RULES)

大全 de propriedades CSS

Atributo right do CSS Atributo quotes do CSS

CSS3 Método de uso e exemplo da propriedade resize

O atributo resize CSS especifica se o elemento pode ser ajustado em tamanho pelo usuário (se puder) e em qual direção ajustar.

A tabela a seguir fornece a descrição de uso e histórico de versão dessa propriedade, bem como a sintaxe de uso dessa propriedade no script JavaScript.

Valor padrão:	none
Aplicável a:	visíveltransbordaelementos além de
Herança:	Nenhum
Animável:	Não.Veja também Atributos de animação。
Versão:	CSS3nova funcionalidade
Sintaxe de JavaScript:	object.style.resize="both"

Sintaxe de uso do resize

A sintaxe dessa propriedade é a seguinte:

resize:　none　|　both　|　horizontal　|　vertical　|　initial　|　inherit

O exemplo a seguir demonstra como usar o atributo resize.

Exemplo

　　textarea　{
　　　resize:　none;
　　}
　　div　{
　　　resize:　both;
　　　overflow:　auto;
　　}

Teste e veja‹/›

Atenção: O atributo resize é aplicado a um elemento cujo cálculooverflowO valor é visible. Se overflow estiver em um eixo específico (ou sejaoverflow-xvs. overflow-y）Diferente, essa propriedade se aplica ao tamanho visível que não tem valor.

Valor da propriedade

A tabela a seguir descreve os valores dessa propriedade.

Valor	Descrição
none	O usuário não pode ajustar o tamanho do elemento. Este é o valor padrão.
both	O elemento exibe um mecanismo de ajuste de tamanho bidirecional para permitir que o usuário ajuste a altura e largura do elemento.
horizontal	O elemento exibe um mecanismo de ajuste de tamanho horizontal unidirecional para permitir que o usuário ajuste apenas a largura do elemento.
vertical	O elemento exibe um mecanismo de ajuste de tamanho vertical unidirecional para permitir que o usuário ajuste apenas a altura do elemento.
initial	Defina essa propriedade para seu valor padrão.
inherit	Se especificado, o elemento relacionado adota o valor da propriedade resize do elemento pai.

Compatibilidade do navegador

Compatibilidade do navegador do atributo resize, os números na tabela abaixo representam a versão mínima do navegador que suporta essa propriedade; todos os navegadores populares suportam essa propriedade.

	Firefox 4+ Google Chrome3+ Internet Explorer × Apple Safari 3+ Opera 15+