CSS scrollbar property : สอน property ของ scrollbar property, เรียน property ของ scrollbar property
 

Reference

Reference ในเว็บไซต์ Function.in.th เป็นการนำเสนอความรู้ในรูปแบบของแหล่งอ้างอิงของคำสั่งต่าง ๆ ที่ใช้ในการเขียนโปรแกรม โดยผู้ที่สนใจสามารถเข้ามาเรียนรู้การใช้งานคำสั่งของการเขียนโปรแกรมเหล่านี้ได้ ผ่านทาง URL code.function.in.th ทั้งนี้ผู้อ่านยังสามารถร่วมแสดงความคิดเห็นบนเนื้อหาที่มีสอนได้ ซึ่งถือเป็นการส่งเสริมให้มีการแลกเปลี่ยนประสบการณ์และความรู้ระหว่างผู้อ่านด้วยกันเอง
  • 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; }

 
Share This Chapter Login with Facebook