Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, bir CSS dersinin devamı niteliğindedir. Eğitmen, CSS'de yeniden boyutlandırma özelliklerini anlatmaktadır.
- Videoda, text elementinde görülen yeniden boyutlandırma özelliğinin diğer form elementlerine nasıl uygulanacağı gösterilmektedir. Eğitmen önce bir paragraf etiketi oluşturarak, padding, border ve margin gibi CSS özellikleri ekleyerek bir eleman oluşturur, ardından overflow özelliğini auto yaparak yeniden boyutlandırma özelliğini aktif eder. Ayrıca, bu özelliği kapatmak için resize özelliğinin none olarak ayarlanması gerektiği de gösterilmektedir.
- CSS'de Yeniden Boyutlandırma Özelliği
- Bu derste yeniden boyutlandırma özelliği olan bir CSS özelliği kodlanacak.
- Bu özellik text elementinde de bulunuyor ve köşesindeki işaretle yatayda ve dikeyde yeniden boyutlandırılabilir.
- Bu özellik sadece text elementine değil, tüm elementlere uygulanabilir.
- 00:44Paragraf Etiketi ile Yeniden Boyutlandırma
- Paragraf etiketi açılarak yeniden boyutlandırma özelliği gösterilecek.
- Paragraf etiketine bordo renk, padding ve genişlik değerleri verilerek sayfada ortalanıyor.
- Overflow özelliği auto yapıldığında, dikeyde "resize" özelliği ile yeniden boyutlandırma yapılabiliyor.
- 01:54Yatay ve Dikey Boyutlandırma
- Yatayda yeniden boyutlandırma için "resize" özelliği kullanılıyor.
- Hem yatayda hem dikeyde boyutlandırmak için "resize" özelliğini kullanmak yeterli.
- Yeniden boyutlandırma özelliğini kaldırmak için "resize" özelliğini "none" olarak ayarlamak gerekiyor.