The words you are searching are inside this book. To get more targeted content, please make full-text search by clicking here.
Discover the best professional documents and content resources in AnyFlip Document Base.
Search
Published by sjnoi777, 2019-12-02 23:24:10

slide05_css_table_new

slide05_css_table

การกาหนดลกั ษณะตาราง

การกาหนดลกั ษณะตาราง

ใชส้ าหรบั กาหนดลกั ษณะพเิ ศษใหก้ บั ตาราง
รูปแบบการใชเ้ หมือนกบั ตวั อกั ษร

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; }


Click to View FlipBook Version