CSS resize Özelliği

CSS resize

Örnek:

Bu örnekteki div elementinin sağ alt köşesindeki simgeye mouse ile basılı tutarak hareket ettiriniz.Kutunun boyutunu istediğiniz gibi hem yatayda hemde düşey eksende değiştirebilirsiniz.

div { border: 1px solid black; width: 250px; resize: both; overflow: auto; }

CSS resize nedir nasıl kullanılır

Css resize özelliği ile kullanıcılar için html elementlerinin boyutları değiştirilebilir hale getirilebilir.
CSS resize CSS resize özellikleri  
Varsayılan Değer: none  
Kalıtsallık: yok  
Animasyon Özelliği: yok  
Versiyon: CSS3  
JavaScript resize: object.style.resize="horizantal"

CSS resize Tarayıcı Desteği

Tablodaki sayılar özelliği ilk destekleyen tarayıcı versiyonlarını göstermektedir.

CSS Kodu:
resize 4.0 Desteklenmiyor 5.0
4.0 -moz-
4.0 15.0

CSS resize Değerleri

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

CSS resize özelliği değerleri

CSS resize değerleri CSS resize değerleri tanımları CSS örnek uygulamalar
none Kullanıcı için boyut değiştirilme özelliği yoktur.
both Her iki doğrultuda kullancı elementin genişliğini ve boyunu değiştirebilir.
horizontal Sadece yatay eksende elementin boyutu değişebilir.
vertical Sadece düşey eksende elementin boyu değişebilir.
initial Özelliğin varsayılan değeridir.
inherit Kalıtsal olarak aldığı değerdir.  

Yorumlar

Popüler yayınlar

CSS content Özelliği

CSS justify-content Özelliği

CSS top Özelliği

HTML strong Etiketi

Javascript ile neler yapılabilir

Kriptopara nasıl alınır ve nereden alınır?

Javascript Oyun Yapma Dersleri HTML5+CSS3

Ücretsiz Bitcoin Kazan Pasif Gelir Elde Et İnternetten Para Kazan

HTML5 Canvas Oyun Yapımı Dersleri

CSS align-self özelliği