Jika sobat perhatikan (khususnya mozilla browse) pada setiap textarea side pojok kanan bawah akan terlihat segitiga kecil tanda bisa diresize. Secara singkat cerita dahulu jika mau fitur resize on textarea harus menggunakan script! Sekarang dengan hadirnya CSS3 tidak usah capek² lagi alias sudah ready on browse :P
Jangan karena sudah tersedia lantas kita enak-enakan tanpa bisa menggunakan fitur ini lebih jauh lagi :-/ Oooo salah besar itu, karena dengan hadirnya attribute resize ternyata kita bisa lebih berinovatif ria :) Read this about resize property CSS3 resize Property. Textarea gaya alakadarnya bisa dilihat pada artikel Textarea Style.
Yuk kita bahas serta memvariasikan trik ini biar lebih cuamik. Ingat browse sobat harus sudah support (mozilla v.4) Jika mau mendisablekan resize pada textarea sobat tinggal menggunakan kodetextarea {
Hilang deh semua resizenya kembali kala browsingan jadul nggak adaan :D Kalau sudah mendukung ngapain dihilangkan, kan mau dikreasikan ih...pie toh ;))
resize: none;
}
resize:both
Lorem ipsum vix id kasd adhuc dignissim, eum ad dico audire mediocritatem, te iisque tritani efficiendi has. Ne quo justo docendi. Cum ea quando placerat, eirmod latine erroribus mei ei, quo mazim appetere et.Default Coded
Itu kode buat standar saja, perhatikan kode yg diberi warna? Itulah nanti yang berfungsi agar bisa resize. Pemanggilannya macam gini.be-resize {
background-color: #D9B382;
border: 1px solid #333;
color: #111;
margin: 5px auto;
overflow: hidden;
padding: 10px;
width: 205px;
resize: value;
}
<div class="be-resize"> blah bleh bloh </div>
Berikut macam valuenya sob:resize:both
This is resize: both.Sed da sine vocabulario, il magazines interlinguistica web. Al duo tote synonymo finalmente. Ma ille toto del, ha durante synonymo uso. Le peano vices non, duo libere technic articulo in.resize:horizontal
This is use resize: horizontal Fu ma'n Noper bléit rem, méngem ugedon mir hu. De Monn grouss d'Kàchen den, d'Beem sëtzen do mir, bei d'Wise klinzecht op. Nei geet eise kréien et, ké stét d'Hiezer däischter dan.resize:vertical
resize: vertical Cxtir sonis li kak, on mne maks zvestis profesor. Gda polakju blagodarim vo. Troh zxiznuf mai te. Kupit pervju jazikas na sos, kak iz edat podpor. Pisajut hrvatzem dev mi, jazika partner rodzinuf zxe ne.max 300x300
This is use max-width and max-height. Dla on silaju robijm, bo detes prinesijsx tri, goras pikant drugica ti dla. Odnakju videnies vse ku, bolsx varijm cxutenie tut on. Polnju slabju kuharju uzx iz. Ribas pecxina ludvozis gde om, sledju prosim sestra dva so, Do vsezem mlodic zxe, moi muzx milion problem iz. Domo slavju vo dla, znajm komputer sos iz. To tak otec starju morkva, ludis prosim ili ja, knigis dumajm verijm on tri. Posle znajsx bi kak, piatdes problem on voz. Den vazxnju prostju cxutenie li, na kai inju dajt ostatit. Te nams bolsx domovijm kak, ekonom velgrod vnimajte tak te. Okno bruho ili om, eda li smisl sidijm.Wekekekekkk ;)) so beautiful :x Are you ready for time of CSS3!!!
Happy resize \m/
Tidak ada komentar:
Posting Komentar