slide06_css_other

การกาหนดลกั ษณะอน่ื ๆ

การกาหนดลกั ษณะอน่ื ๆ

นอกจาก tag ทกี่ ล่าวมาเราสามารถกาหนดลกั ษณะ
อนื่ ๆได้ดงั นี้

Width:

ใช้กาหนดความกว้างของ tag น้ัน
ค่าทใ่ี ส่สาหรับ Property Width คอื ตวั เลข
เช่น {width: 5;}

height:

ใช้กาหนดความสูงของ tag น้ัน
ค่าทใ่ี ส่สาหรับ Property height คอื ตวั เลข
เช่น {height: 5;}

position:

ค่าทเี่ ป็ นไปได้คอื
Static เป็ น html ธรรมดา
Relative ให้มตี าแหน่งเทยี บกบั tag ก่อนหน้าน้ัน
Absolute ตาแหน่งวดั จากขอบซ้ายและขอบบนสุด
เช่น {position: absolute;}

left:

 ระยะห่างจากขอบซ้ าย
ค่าทใ่ี ส่สาหรับ Property left คอื ตวั เลข
เช่น {left: 20;}

top:

 ระยะห่างจากขอบบน
ค่าทใี่ ส่สาหรับ Property top คอื ตวั เลข
เช่น {top: 20;}

visibility:

 การกาหนดให้มองเห็นหรือไม่
Visible มองเห็น
Hidden ซ่อน
เช่น {visibility: hidden;}

cursor:

เป็ นการกาหนดรูปของตวั ชี้ให้กบั เมาส์
Auto เป็ นรูปตวั I (ข้อความ)
Default เป็ นลูกศรสีขาว
Move เป็ นลูกศร 4 หัว
S-Resize ขยายลงด้านล่าง
W-Resize ขยายไปด้านซ้าย

cursor:

SE-Resize ขยายไปขวาล่าง
NW-Resize ขยายไปซ้ายบน
CROSSHAIR เส้นตดั กนั
HAND รูปมอื
N-Resize ขยายด้านบน
E-Resize ขยายด้านขวา

cursor:

NE-Resize ขยายไปขวาบน
SW-Resize ขยายไปซ้ายล่าง
Wait นาฬิกาทราย
เช่น {cursor: hand;}