antalya web tasarım

CSS ile boyutlandırabilir metin kutusu uygulaması

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 .

Gelen aramalar :

• css metin kutusu