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

HTML Metin Biçimlendirme Etiketleri

HTML hr Etiketi

HTML em Etiketi

CSS justify-content Özelliği

HTML pre Etiketi

HTML table Etiketi

CSS align-items özelliği

HTML menu Etiketi

CSS flex-basis Özelliği

CSS content Özelliği