การกาหนดลกั ษณะตาราง
การกาหนดลกั ษณะตาราง
ใชส้ าหรบั กาหนดลกั ษณะพเิ ศษใหก้ บั ตาราง
รูปแบบการใชเ้ หมือนกบั ตวั อกั ษร
Border-color
กาหนดสขี องเสน้ ขอบ เช่น
Border-color:red
Border-color:#225547
Border-color:RGB(255,0,88)
Border-bottom-width:
ความหนาของเสน้ ขอบล่าง
ค่าทีเ่ ป็ นไปไดค้ ือ
Thin เสน้ บางๆ
Medium เสน้ กรอบปกติ
Thick เสน้ หนากว่าปกติ
Border-top-width:
ความหนาของเสน้ ขอบบน
ค่าทีเ่ ป็ นไปไดค้ ือ
Thin เสน้ บางๆ
Medium เสน้ กรอบปกติ
Thick เสน้ หนากว่าปกติ
Border-left-width:
ความหนาของเสน้ ขอบซา้ ย
ค่าทีเ่ ป็ นไปไดค้ ือ
Thin เสน้ บางๆ
Medium เสน้ กรอบปกติ
Thick เสน้ หนากว่าปกติ
Border-right-width:
ความหนาของเสน้ ขอบขวา
ค่าทีเ่ ป็ นไปไดค้ ือ
Thin เสน้ บางๆ
Medium เสน้ กรอบปกติ
Thick เสน้ หนากว่าปกติ
Border-style
กาหนดลกั ษณะของเสน้ ขอบ
None ซ่อนเสน้ ขอบ
Dotted เป็ นแนวจุดเสน้ ไข่ปลา
Dashed เสน้ ประ
Solid เสน้ เดีย่ ว
Double เสน้ คู่
Border-style
Groove เสน้ กรอบ 3 มิติ เงากระจายออกดา้ นนอก
Ridge เสน้ กรอบ 3 มติ ิเงาเขา้ ดา้ นใน
Inset เสน้ กรอบ 3 มิติ จุดกาเนิดแสงอยูม่ ุมขวาล่าง
Outset เสน้ กรอบ 3 มติ ิ จุดกาเนดิ แสงอยูซ่ า้ ยบน
ตวั อย่างการเขยี นคาสง่ั ใน HTML
<html>
<head><title> ทดลองสรา้ งเว็บเพจ </title></head>
<body bgcolor="yellow">
<table border=1>
<tr><th>Table test CSS</th></tr>
<tr><td>Table test</td></tr>
<tr><td><a href=http://www.google.co.th>Go to
Google</a></td></tr>
</table>
</body>
</html>
ตวั อย่างการเขยี นคาสงั่ ใน CSS
table { Border-color:red; }