table
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:33 |
property:table-layout
value:auto คือตารางจะเปลี่ยนแปลงขนาดตามความเหมาะสม,
fixed คือตารางจะมีขนาดตายตัว
content:ใช้กำหนดรูปแบบความยืดหยุ่นของตาราง
example:{ table-layout: auto; }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:33 |
property:caption-side
value:top, bottom, left, right
content:ใช้กำหนดตำแหน่งของ caption
example:{ caption-side: right; }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:34 |
property:empty-cells
value:show, hidden
content:ใช้กำหนดรูปแบบการแสดงผลเมื่อ cell ว่าง
example:{ empty-cells: hidden; }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:34 |
property:border-collapse
value:collapse, separate
content:ใช้กำหนดเส้นขอบระหว่าง cell ว่าจะใช้ด้วยกันหรือไม่
example:{ border-collapse: collapse; }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:34 |
property:border-spacing
value:cm, px, pt
content:ใช้กำหนดระยะห่างระหว่าง cell
โดยจะมีผลเมื่อ border-collapse เป็นแบบ separate เท่านั้น
example:{ border-spacing: 2px; }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:35 |
property:border-top-width
value:thin, medium, thick, cm, px, pt
content:ใช้กำหนดขนาดของเส้นขอบ ด้านบน
example:{ border-top-width: 2px; }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:35 |
property:border-right-width
value:thin, medium, thick, cm, px, pt
content:ใช้กำหนดขนาดของเส้นขอบ ด้านขวา
example:{ border-right-width: thin; }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:36 |
property:border-bottom-width
value:thin, medium, thick, cm, px, pt
content:ใช้กำหนดขนาดของเส้นขอบ ด้านล่าง
example:{ border-bottom-width: medium; }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:36 |
property:border-left-width
value:thin, medium, thick, cm, px, pt
content:ใช้กำหนดขนาดของเส้นขอบ ด้านซ้าย
example:{ border-left-width: thick; }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:37 |
property:border-width
content:ใช้กำหนดค่าของ property border-top-width, border-right-width, border-bottom-width,
border-left-width ได้พร้อมกันตามลำดับ
example:{ border-width: 2px thin medium thick; }
comment:ถ้ากำหนดเพียงค่าข้อมูลเดียว จะหมายถึงกำหนดให้ทั้ง 4 ด้านเหมือนกัน
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:38 |
property:border-top-style
value:none, hidden, dotted, dashed, solid, groove, ridge, inset, outset, double
content:ใช้กำหนดลักษณะของเส้นขอบ ด้านบน
example:{ border-top-style: solid; }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:38 |
property:border-right-style
value:none, hidden, dotted, dashed, solid, groove, ridge, inset, outset, double
content:ใช้กำหนดลักษณะของเส้นขอบ ด้านขวา
example:{ border-right-style: dotted; }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:38 |
property:border-bottom-style
value:none, hidden, dotted, dashed, solid, groove, ridge, inset, outset, double
content:ใช้กำหนดลักษณะของเส้นขอบ ด้านล่าง
example:{ border-bottom-style: ridge; }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:39 |
property:border-left-style
value:none, hidden, dotted, dashed, solid, groove, ridge, inset, outset, double
content:ใช้กำหนดลักษณะของเส้นขอบ ด้านซ้าย
example:{ border-left-style: outset; }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:40 |
property:border-style
content:ใช้กำหนดค่าของ property border-top-style, border-right-style, border-bottom-style,
border-left-style ได้พร้อมกันตามลำดับ
example:{ border-style: solid double ridge outset; }
comment:ถ้ากำหนดเพียงค่าข้อมูลเดียว จะหมายถึงกำหนดให้ทั้ง 4 ด้านเหมือนกัน
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:40 |
property:border-top-color
value:ชื่อสี, #ค่าสี, rgb( ตัวเลข, ตัวเลข, ตัวเลข )
content:ใช้กำหนดสีให้เส้นขอบ ด้านบน
example:{ border-top-color: red; }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:40 |
property:border-right-color
value:ชื่อสี, #ค่าสี, rgb( ตัวเลข, ตัวเลข, ตัวเลข )
content:ใช้กำหนดสีให้เส้นขอบ ด้านขวา
example:{ border-right-color: green; }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:41 |
property:border-bottom-color
value:ชื่อสี, #ค่าสี, rgb( ตัวเลข, ตัวเลข, ตัวเลข )
content:ใช้กำหนดสีให้เส้นขอบ ด้านล่าง
example:{ border-bottom-color: blue; }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:41 |
property:border-left-color
value:ชื่อสี, #ค่าสี, rgb( ตัวเลข, ตัวเลข, ตัวเลข )
content:ใช้กำหนดสีให้เส้นขอบ ด้านซ้าย
example:{ border-left-color: #c0c0c0; }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:42 |
property:border-color
content:ใช้กำหนดค่าของ property border-top-color, border-right-color, border-bottom-color,
border-left-color ได้พรอ้มกันตามลำดับ
example:{ border-color: red green blue #c0c0c0; }
comment:ถ้ากำหนดเพียงค่าข้อมูลเดียว จะหมายถึงกำหนดให้ทั้ง 4 ด้านเหมือนกัน
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:43 |
property:border-top
content:ใช้กำหนดค่าของ property border-top-width, border-top-style, border-top-color,
ได้พร้อมกันตามลำดับ
example:{ border-top: 2px solid red; }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:43 |
property:border-right
content:ใช้กำหนดค่าของ property border-right-width, border-right-style, border-right-color,
ได้พร้อมกันตามลำดับ
example:{ border-right: thin double green; }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:44 |
property:border-bottom
content:ใช้กำหนดค่าของ property border-bottom-width, border-bottom-style, border-bottom-color,
ได้พร้อมกันตามลำดับ
example:{ border-bottom: medium ridge blue; }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:49 |
property:border-left
content:ใช้กำหนดค่าของ property border-left-width, border-left-style, border-left-color,
ได้พร้อมกันตามลำดับ
example:{ border-left: thick outset #c0c0c0; }
|
|
Written by รับทำเว็บไซต์
|
|
Wednesday, 21 April 2010 18:52 |
property:border
content:ใช้กำหนดค่าของ property border-width, border-style, border-color
ได้พร้อมกันตามลำดับ
example:{ border: thin dotted #f0f0f0; }
|
|
|
|
|
เราแบ่งปันสิ่งดีๆ ให้กัน
|
