CSS 3 Teknikleri 11 -> Boyutlandırılabilir Metin Kutusu

Css 3 ile boyutlandırılabilir text box yapalım.

Evet başlıkta da belirtildiği gibi boyutlandırılabilir metin alanı yapmak css 3 ile çok basit ve kullanışlı.

Destekleyen tarayıcılardan bahsetmek istiyorum

Chrome
Safari


Opera , IE , Firefox desteklemiyor ne yazıkki fakat css 3 ' ü yeni sürümleriyle bünyelerine katacaklardır.


Kod kullanım örneğine geçmek gerekirse ;


#boyutlandir { /* Yeni bir div oluşturuyoruz */
    width: 150px; 
    height: 50px;
    overflow: hidden; 
    resize: both;  /* Yeniden boyutlandırılabilir özelliğini aktif hale getirdik ve dikeyde hemde yatayda. */
}



Overflow değeri , sınırlarını belirlediğimiz bir kutu düşünelim içeriğine eğlenen metin taştığı durumlarda yapılacak işlemi belirletir.Hidden (Gizle,görünmez) ' ı kullandık .

İyi günler arkadaşlar
  • Etiketler;
Yorum Yaz

Yorum yazabilmek için üye girişi yapmanız gerekiyor!

Yukarı Git