Css Resize Kullanımı

Merhaba Arkadaşlar,
Bu makalede Css’te resize özelliği nedir, nasıl kullanabiliriz onu öğreneceğiz.Resize özelliği ile bir html etiketinin yeniden boyutlandırılabilmesini sağlayabiliriz.Bazı tarayıcılarda <textarea> etiketi, varsayılan olarak yeniden boyutlandırılabilir halde gelir.Resize özelliği ile etkin hale getirebildiğimiz gibi, etkin olarak gelenleri de devre dışı bırakabiliriz.Dört farklı değer alabilir.Bunlar :

      ► none : Yeniden boyutlandırılabilir özelliğini devre dışı bırakmak için kullanılır.

      ► both : Yatayda ve dikeyde yeniden boyutlandırılabilir yapmak için kullanılır.

      ► horizontal : Yatayda yeniden boyutlandırılabilir yapmak için kullanılır.

      ► vertical : Dikeyde yeniden boyutlandırılabilir yapmak için kullanılır.

Dikkat : resize özelliğini, overflow:auto; özelliği ile birlikte kullanıyoruz.

Örneğin bir <div> etiketi oluşturalım.Resize özelliği ile yatayda ve dikeyde yeniden boyutlandırılabilmesini sağlayalım.

Tarayıcı Desteği

ÖzellikChromeIEFirefoxSafariOpera
resize4.015.0

5.0

4.0 -moz-

4.015.0

Bu resimde tarayıcıların resize özelliğini hangi versiyon ile birlikte sorunsuz desteklemeye başladığını görebilirsiniz.

Tarayıcı uyumluluğu ile ilgili daha kapsamlı ve güncel bilgi almak isterseniz caniuse sitesini ziyaret edebilirsiniz.

Yeni bir makalede görüşmek üzere.

Önceki : Css Dersleri 29 – Border Image Kullanımı

Sonraki : Css Dersleri 31 – Font Face Kullanımı

Leave a Reply

TASARIMLARINIZDA KULLANABİLECEĞİNİZ TAM 150 FARKLI RENK PALETİRenkleri Göster
+ +