◄ Min  Size Fonts: + | - | ± Color: Max ►

Resize Value on Textarea or Else!

resize-textareaBlogger de buffalo state lagi kegandrungi sama fitur CSS3. Sobat kita itu lagi gencar-gencarnya membicarakan, membahas mengenai CSS3 :D Ada yang membahas toolsnya abis-abisan, fitur atribut teranyarnya dan segala apa yg bisa diobok-obok demi kecantikan tampilan template blogesphere tercinta :x :D Fitur CSS3 akan tampak efek secara detail jika browsingan sobat sudah mendukungnya. Seperti master vagabundia yang membahas mengenai fitur atribut teranyar textarea.
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 {
resize: none;
}
Hilang deh semua resizenya kembali kala browsingan jadul nggak adaan :D Kalau sudah mendukung ngapain dihilangkan, kan mau dikreasikan ih...pie toh ;))

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

.be-resize {
background-color: #D9B382;
border: 1px solid #333;
color: #111;
margin: 5px auto;
overflow: hidden;
padding: 10px;
width: 205px;
resize: value;
}
Itu kode buat standar saja, perhatikan kode yg diberi warna? Itulah nanti yang berfungsi agar bisa resize. Pemanggilannya macam gini<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/
Loading...
XResize Value on Textarea or Else!

Subscribe my posts Register For Free!

3 comments

[?] g+ convert

DO NOT EVEN TRY ADD LINK [-X
You can use some HTML tags, such as
<b> - <i> - <a> - http://...jpg/gif/png/bmp - http://youtu.be/...


MISC

Resources

WANT BE HERE!!! CONTACT ME :P

FACEBOOK PAGE