[EDIT::แก้ไขรูปสกอร์บาร์ให้แล้วค่ะ ขอบคุณนะคะที่ช่วยเตือน ^^]

ทำไมเดี๋ยวนี้คนสอน CSS เยอะแฮะ สังเกตได้เลย แล้วเป็นพวกลิงค์เบื้องต้น อะไพวกนี้ด้วยแฮะ น่าคิดจริงๆ...

แต่เอาเถอะ ช่างมัน วันนี้ก็มาสอนเกี่ยวกับ CSS สำหรับควบคุมการแสดงข้อมูล หลังจากที่ทิ้งช่วงไปสัปดาห์นึงเลย 55+

ซึ่งก็คือ CURSOR, POSITION และ SCROLLBAR ค่ะ

#7 CSS สำหรับควบคุมการแสดงข้อมูลของบลอค

CURSOR คืออะไร ?

Cursor (เคอร์เซอร์) ตามพจนานุกรมคือสัญลักษณ์กระพริบหรือตัวชี้บอกตำแหน่งอักขระหรือการกระทำต่อไปบนจอคอมพิวเตอร์

CURSOR ใน CSS ?
้านล่างคือค้ดเคอร์เซอร์ที่ใช้ในบลอคปกติ

และส่วนที่สำคัญก็คือ 'URL ของ CURSOR จะต้องมีสกุลเป็น .cur และ .ani เท่านั้น'

/* เคอร์เซอร์ */
BODY{cursor: url(
URL ของเคอร์เซอร์);}

ตัวอย่าง แบบปกติ กับ แบบโดนลิงค์

กับ

/* เคอร์เซอร์ */
BODY{cursor: url(
URL ของเคอร์เซอร์);}
a {cursor: url(
URL ของเคอร์เซอร์ที่โดนลิงค์);}

ตัวอย่าง แบบปกติ กับ แบบโดนลิงค์

คงสังเกตความแตกต่างได้นะคะ

รูปแบบ CURSOR ต่างๆ

ูได้ที่ตารางด้านล่างเลยค่ะ

Values Test NS IE Example
  default Il Est Moi 6+ 4+
crosshair Il Est Moi 6+ 4+

  hand Il Est Moi   4+
  move Il Est Moi 6+ 4+
text Il Est Moi 6+ 4+
wait Il Est Moi 6+ 4+
help Il Est Moi 6+ 4+
n-resize Il Est Moi 6+ 4+
ne-resize Il Est Moi 6+ 4+
e-resize Il Est Moi 6+ 4+
se-resize Il Est Moi 6+ 4+
s-resize Il Est Moi 6+ 4+
  sw-resize Il Est Moi 6+ 4+
  w-resize Il Est Moi 6+ 4+
  nw-resize Il Est Moi 4+ 4+
  progress Il Est Moi   6+
  not-allowed Il Est Moi   6+
  no-drop Il Est Moi   6+