antalya web tasarım

Css de Boyutlandırılabilir Metin Kutusu

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 dikeyde

 ve 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 .