| scrollbar-arrow-color | ใช้กำหนดสีของลูกศรของ scroll arrow |
|---|---|
| scrollbar-base-color | ใช้กำหนดสีให้กับพื้นที่ของ scroll box และ track ยกเว้นขอบล่าง และขอบขวา |
| scrollbar-darkshadow-color | ใช้กำหนดสีให้กับขอบขวาและขอบล่างของ scroll box |
| scrollbar-face-color | ใช้กำหนดสีให้กับ scroll box และ track โดยที่สีของ scrollbar จะเข้มกว่าสีของ track |
| scrollbar-highlight-color | ใช้กำหนดสีให้กับขอบซ้าย และขอบบน ของ scroll box |
| scrollbar-shadow-color | ใช้กำหนดสีให้กับขอบขวา และขอบล่างของ scroll box และ scroll arrow |
| scrollbar-track-color | ใช้กำหนดสีให้กับ track |
| scrollbar-3dlight-color | ใช้กำหนดสีให้กับขอบซ้าย และขอบบน ของ scroll box และ scroll arrow |
property:scrollbar-arrow-color
value:ชื่อสี, #ค่าสี, rgb( ตัวเลข, ตัวเลข, ตัวเลข )
content:ใช้กำหนดสีของลูกศรของ scroll arrow
example:{ scrollbar-arrow-color: olive; }
property:scrollbar-base-color
value:ชื่อสี, #ค่าสี, rgb( ตัวเลข, ตัวเลข, ตัวเลข )
content:ใช้กำหนดสีให้กับพื้นที่ของ scroll box และ track ยกเว้นขอบล่าง และขอบขวา
example:{ scrollbar-base-color: rgb( 100, 150, 200 ); }
property:scrollbar-darkshadow-color
value:ชื่อสี, #ค่าสี, rgb( ตัวเลข, ตัวเลข, ตัวเลข )
content:ใช้กำหนดสีให้กับขอบขวาและขอบล่างของ scroll box
example:{ scrollbar-darkshadow-color: #ff00cc; }
property:scrollbar-face-color
value:ชื่อสี, #ค่าสี, rgb( ตัวเลข, ตัวเลข, ตัวเลข )
content:ใช้กำหนดสีให้กับ scroll box และ track โดยที่สีของ scrollbar จะเข้มกว่าสีของ track
example:{ scrollbar-face-color: black; }
property:scrollbar-highlight-color
value:ชื่อสี, #ค่าสี, rgb( ตัวเลข, ตัวเลข, ตัวเลข )
content:ใช้กำหนดสีให้กับขอบซ้าย และขอบบน ของ scroll box
example:{ scrollbar-highlight-color: #c0c0c0; }
property:scrollbar-shadow-color
value:ชื่อสี, #ค่าสี, rgb( ตัวเลข, ตัวเลข, ตัวเลข )
content:ใช้กำหนดสีให้กับขอบขวา และขอบล่างของ scroll box และ scroll arrow
example:{ scrollbar-shadow-color: white; }
property:scrollbar-track-color
value:ชื่อสี, #ค่าสี, rgb( ตัวเลข, ตัวเลข, ตัวเลข )
content:ใช้กำหนดสีให้กับ track
example:{ scrollbar-track-color: green; }
property:scrollbar-3dlight-color
value:ชื่อสี, #ค่าสี, rgb( ตัวเลข, ตัวเลข, ตัวเลข )
content:ใช้กำหนดสีให้กับขอบซ้าย และขอบบน ของ scroll box และ scroll arrow ( จึงทำให้ภาพเหมือน 3 มิติ )
example:{ scrollbar-3dlight-color: red; }
