752 kez okundu

Css de Boyutlandırılabilir Metin Kutusu

10 10 752 kez okundu incelendi

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 .

Paylaş !

Yoruma kapali.

Önceki yazıyı okuyun:
Css de Çoklu Arka Plan Kullanı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...

Kapat
Barış Ozcan Facebook Sayfasi
Barış Ozcan Twitter