jQuery resize() Yöntemi

resize() Yöntemi;

tarayıcı penceresi boyutunu değiştirdiğinde resize olayı oluşur. resize olayı gerçekleştiğinde çalıştırılacak bir işlev eklemek için kullanılır.

Örnek

w3tr = 0;
$(window).resize(function(){
  $("strong").text(w3tr += 1);
});

Codepen Ön izleme

Kullanım şekilleri;

.resize( handler )

.resize( [eventData ], handler )

.resize()

.resize(function)

CSS3 resize

resize :

bir elementin kullanıcı tarafından yeniden boyutlandırılabilir olup olmadığını belirlemek için kullanılır.

Örnek

div {
  width: 500px;
  height: 200px;
  overflow: hidden;
  resize: vertical;
  border : 1px solid red;
}

Codepen Ön izleme

 

Css Sözdizimi

Değer Açıklama
none Elementin yeniden boyutlandırılamayacağını belirtir.
both Elementin genişliği ve yüksekliğinin yeniden boyutlandırılabilir.
horizontal Elementin sadece genişliği yeniden boyutlandırılabilir.
vertical Elementin sadece yüksekliği yeniden boyutlandırılabilir.
İnital
İnherit

Tarayıcı Desteği

4.0 5.0
4.0-moz
Desteklenmiyor 4.0 15.0