Bir div'i CSS Kullanarak Dikey Olarak Kaydırılabilir Hale Getirme

Bir Div I Css Kullanarak Dikey Olarak Kaydirilabilir Hale Getirme



Web geliştiricileri, bir web sayfasını bölmek ve içeriği gömmek için üstbilgiler ve altbilgiler, nav, div, resim ve diğerleri gibi HTML bileşenlerini kullanır. Daha spesifik olarak, “

” öğesi, bir sayfayı bölümlere ayırmanın kolay bir yolunu sağlayan popüler bir HTML bileşenidir. Bazı kullanıcılar, web sayfası alanından tasarruf etmek için “
” bileşenlerini dikey veya yatay olarak kaydırılabilir yapmak ister.

Bu gönderi, CSS kullanarak dikey olarak kaydırılabilir bir div oluşturma yöntemini gösterecek.





CSS ile Dikey Kaydırılabilir bir div Nasıl Yapılır/Oluşturulur?

CSS kullanarak dikey olarak kaydırılabilir bir div oluşturmak için verilen talimatları izleyin.



1. Adım: Başlık Ekleyin



Her şeyden önce, bir “ekleyin Sayfanın ortasına veri eklemek için ” etiketi. Ardından, “ kullanarak başlığı ekleyin.

' etiket.



2. Adım: HTML'de bir div Kabı oluşturun

Bundan sonra, bir 'oluşturun

” konteyner ve “ adlı sınıfı atayın kaydırma-div ”. Bundan sonra,
etiketlerinin arasına biraz metin veya paragraf ekleyin:





< merkez >
< h1 > Linuxhint Web Sitesi h1 >
< div sınıf = 'kaydırma-div' > Linuxhint popüler bir web sitesidir için içerik yaratımı. birçok ürün inşa etti Yardım Edin Linux, Programlama, Bilgisayar Bilimi ve daha fazlasını öğrenirsiniz. Bu platform, HTML dahil olmak üzere farklı kategorilerde çalışma sağlar. / CSS, javascript, Git, Windows, Dockers, Discord ve diğerleri. sağlar tamamlamak Bu kategoriler hakkında rehber. Kullanıcılar şunları yapabilir: bulmak belirtilen kategoriyle ilgili herhangi bir konu. Bu durumda Eğer yeni başlayan biriyseniz, yönergelere başvurabilirsiniz için makale yazmak
div >
merkez >

Çıktı

3. Adım: Stil Başlığı