Ecommerce

31/03/2010

CSS3: Propriedade resize

Trazendo mais uma das possibilidades que o CSS3 disponibilizará para nós, apresento-lhes uma simples função que pode ser útil em algum trabalho que venham a desenvolver: a proriedade resize.

Alguns já devem conhecer ela, em vista que a maioria já deve imaginar o que ela é capaz de fazer. Para os que pensaram que essa propriedade permite você redimensionar um objeto, parabéns, vocês acertaram.

A propriedade resize permite que o usuário possa redimensionar o elemento ao qual ela foi atribuida. Vamos ver como usar e um exemplo dessa propriedade. Lembrando sempre que, mais uma vez, esse exemplo não poderá ser visto em todos os navegadores. Para filtrar um pouco mais essa informação, no Firefox não funcionará. Vejam o exemplo com o Chrome ou com o Safari.

O comando é simples, como mostrado abaixo:

	
#resize{
     resize: both | horizontal | vertical;
}

No exemplo acima estão as 3 principais utilizações do comando resize: horizontal(para permitir o redimensionamento do elemento na horizontal), vertical(para permitir o redimensionamento do elemento na vertical) e both(para permitir o redimensionamento do elemento em ambas as orientações).

Aqui está uma Demo da propriedade resize e veja alguns exemplos dessa propriedade.

Autor: Léo - ComunicaWeb