CloudWare

cafelog-coffee

A Propriedade Resize

Quinta, 18 Agosto 2011

Saiba como tornar qualquer elemento do seu site redimensionável.

css3

Sabe aquele elemento HTML para formulário conhecido como textarea? Você já deve ter percibido que ele pode ser redimensionado nos eixos X e Y pelo usuário, certo? Bem a propriedade resize nos permite fazer isso em uma div, por exemplo.

Observe o estilo abaixo e seu resultado:

.exemplo1 {
 border: #000 1px solid;
 width: 150px;
 height: 150px;
}

 

Agora vamos utilizar o resize:

.exemplo1 {
 border: #000 1px solid;
 width: 150px;
 height: 150px;
 overflow: auto;
 resize: both;
}

 

 

A propriedade overflow precisa ter o valor auto para funcionar.
O valor both torna os eixos X e Y redimensionáveis, caso você queria apenas X ou Y basta inserir, respectivamente, horizontal ou vertical.

 

Android

Java

Hibernate

Joomla!

CSS3

HTML5

Saia na Frente

html5 css3

Sobre Mim

sobre-foto-2Adriel Café é Web Master e Desenvolvedor Java. Ele incentiva o uso/estudo de Web Standards, Java e Android.

Saiba Mais

Encontre-me

facebook linkedin