CSS İle Scrollbar'a Yeni Görünüm

Scrollbarınızı renklendirmek istiyorsanız bu ders size çok yardımcı olacaktır.



Kod Alanı:

body {

scrollbar-arrow-color: #547741;

scrollbar-face-color: #FFFFFF;

scrollbar-3dlight-color: #FFFFFF;

scrollbar-darkshadow-color: #FFFFFF;

scrollbar-highlight-color: #FFFFFF;

scrollbar-shadow-color: #FFFFFF;

scrollbar-track-color: #FFFFFF;

background-color: transparent;

}






Açıklamaları:

scrollbar-arrow-color: Scrollbar alt ve üst okunun rengi



scrollbar-face-color: Mouse ile aşağı yukarı kaydırmak için dokunduğumuz yer



scrollbar-3dlight-color:Mouse ile dokunduğumuz yerin yanındaki dış
kısım ( Açık renklerin olacağı kısım ) Gölge gibi düşünebiliriz.



scrollbar-darkshadow-color: Bu kısım da gölgedir ve scrollbarın koyu renk gölgesini temsil eder.



scrollbar-shadow-color: Bu kısım da gölgedir ve scrollbarın açık renk gölgesini temsil eder.



scrollbar-track-color: Yukarı aşağı kaydırdığımız zaman yukarı oku ya da aşağı oku ile kaydırdığımız yer arasındaki boşluk kısım



background-color: Arkaplan rengi



Yukarda yer alan kodu direk olarak CSS dosyanıza koyabileceğiniz gibi ayrıca HTML sayfanızda;



Kod Alanı:

<head> </head>




tagları arasında veya

Kod Alanı:

<style></style>




tagları arasında rahatça çalıştırabilirsiniz.
EğitimCSScss nedircss ve scrollbarscrollbar
CSS Dersleri

Ara

Eğitim


Konular

Tags

Hanci.org sizlere daha iyi hizmet sunmak için çerezleri kullanıyor.
Hanci.org sitesini kullanarak çerez politikamızı kabul etmiş olacaksınız.
Detaylı bilgi almak için Gizlilik ve Çerez Politikası metnimizi inceleyebilirsiniz.