CSS’de Scrollbar Boyutlandırma ve Renklendirme Yapımı?

İyi akşamlar sevgili okurlar,

Asp.Net dersimizden sonra sıradaki CSS dersimize geçebiliriz. Sizlere CSS’de Webkit yapımını diğer anlamıyla Boyutlandırma ve Renklendirme Yapımını anlatacağım. Okunuşta Redkit’e biraz yakın ama tabiiki de Redkit değil 🙂 Neyse sizlere öncelikli olarak Webkit’in tanımını yapayım; WebKit, web tarayıcılarına web sayfalarını işlemesine izin vermek için tasarlanmış bir yerleşim moturudur.

Webkit Ne işe Yarar Yarar? dediğinizi duyar gibi oldum.

Webkit motoru penceredeki web içeriğini görüntülemek için bir sınıflar kümesi sağlar ve aşağıdaki bağlantılar gibi kullanıcı tarafından tıklandığı zaman tarayıcı özellikleri gerçekleştirir.

Aşağıda sizlere vereceğim kodları CSS dosyanıza eklemeniz yeterli olacaktır…

1   <style type='text/css'>
2   /* Boyutlandırma / 10px 10 px tavsiye dir  */
3   ::-webkit-scrollbar{width:10px;height:10px}
4   /* Yukarı aşağı okları . */
5   ::-webkit-scrollbar-button:start:decrement,
6   ::-webkit-scrollbar-button:end:increment{display:none;}
7   /* Arkaplan */
8   ::-webkit-scrollbar-track-piece{background-color:#e6e6e6}
9   /* Tutma parçası */
10  ::-webkit-scrollbar-thumb{-webkit-border-radius:4px;background:#444;}
11  </style>