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

Bu blogdaki popüler yayınlar

HTML yorum etiketi ile öğe gizleme örneği

Linklerin Renklerini Değiştirme Örnek

YouTube Reklam Engelleyici

Eski tarayıcılarda kod gizleme ve kod satırını bölme Javascript

HTML Resimler

HTML bdo Etiketi Örnek