Yapay zekadan makale özeti
- Kısa
- Ayrıntılı
- Bu video, CSS kursunun on birinci dersi olup, bir eğitmen tarafından sunulan bir eğitim içeriğidir.
- Videoda overflow özelliğinin nasıl kullanılacağı adım adım gösterilmektedir. Eğitmen, bir div etiketi içine metin ekleyerek overflow'un hidden ve scroll değerlerini uygulamalı olarak anlatmaktadır. Ayrıca, overflow'un content kısmında ve yan menü gibi farklı tasarımlarda nasıl kullanılabileceği açıklanmaktadır. Video, yatay scrollbar'ı kaldırma ve sadece dikey scrollbar'ı aktif etme gibi ileri seviye kullanım örnekleriyle sonlanmaktadır.
- 00:04CSS Overflow Özellikleri
- Bu ders, CSS'de taşma değerlerini nasıl verebileceğimizi ve taşma işlemlerinde düzeltmeler yapabileceğimizi öğreneceğiz.
- Overflow özelliği, içeriğin bir elementin sınırlarını aştığında nasıl davranacağını belirler.
- 00:29Overflow Örneği
- Bir div elementine genişlik ve yükseklik değerleri verilerek (örneğin 150x150 piksel) ve arka plan rengi ile kenarlık eklenir.
- Div'e eklenen metin, elementin sınırlarını aştığında kayma işlemine girer.
- Overflow: hidden özelliği, elementin sınırlarını aşan içeriği gizler.
- 03:20Scroll Özellikleri
- İçerik elementin sınırlarını aştığında, aşağı doğru kaydırma çubuğu (scrollbar) eklemek için overflow: scroll özelliği kullanılır.
- Bu özellik özellikle içerik (content) kısımlarında, yan menülerde veya haber akışlarında işe yarar.
- Overflow-x ve overflow-y değerleri ile sadece yatay veya dikey kaydırma çubuğu kontrol edilebilir.