	บทความ (Article)		[ ดูบทความทั้งหมด ]

หมวดหมู่: เคล็ดลับเขียนเว็บไซต์
table จัดรูปแบบของตารางด้วยคำสั่ง css
ศุกร์ ที่ 2 เดือน กันยายน พ.ศ.2559

ให้คะแนนบทความนี้

Currently 2.00/5
1
2
3
4
5

บทความหมายเลข 268 | คะแนน Rating: 2.0/5 ดาว (จากจำนวนโหวต 7 votes)

Tag :

table จัดรูปแบบของตารางด้วยคำสั่ง css

CSS

จากหัวข้อ HTML มีการสอนเรื่องการสร้างตารางกันมาแล้ว ในบทนี้จะใช้ CSS ควบคุมการแสดงผลของตารางที่สร้างขึ้นมา

ลองพิมพ์ดูง่ายนิดเดียว คลิกที่หัวข้อเพื่อทดลองพิมพ์

    1.ควบคุมการแสดงผลของตาราง
    ตัวอย่างจะเป็นการแสดงคำสั่ง layout ซึ่งใช้ในการกำหนดขนาดของตารางให้เปลี่ยนแปลงตามเนื้อหา หรือไม่เปลี่ยนแปลงตามเนื้อหา

    2.คำสั่งแสดงผลช่องว่างของตาราง
    การเขียนตารางโดยใช้คำสั่ง table จะไม่แสดงผลช่องว่างที่ไม่มีค่า ซึ่งถ้าเราต้องการให้แสดงผลก็ต้องใส่ค่าว่าง ( ) แต่ในหัวข้อนี้จะกำหนดให้แสดงช่องว่างทุกช่อง โดยไม่ต้องใส่ค่าว่างอีกต่อไป แสดงผลใน Firefox เท่านั้น

    3.ควบคุมการแสดงเส้นของตาราง
    ตัวอย่างจะเป็นคำสั่งที่ใช้ควบคุมการแสดงผลของเส้นตาราง คำสั่ง border-collapse: separate แสดงผลใน Firefox เท่านั้น

    4.ควบคุม spacing ของตาราง
    เป็นคำสั่งที่ใช้ควบคุม cell - spacing ของตาราง แสดงผลใน Firefox เท่านั้น

    5.คำสั่งใส่หัวข้อให้กับตาราง
    คำสั่งใส่หัวข้อให้กับตาราง แสดงผลใน Firefox เท่านั้น

เข้าชม : 143630 [ ขึ้นบน ]

เคล็ดลับเขียนเว็บไซต์ 15 อันดับล่าสุด

วิธีสร้างแผนที่ google map เพื่อติดในเว็บไซต์ของคุณ 8 / มิ.ย. / 2560

วิธีเปลี่ยนเว็บไซต์ให้แสดงเป็น ขาว-ดำ เพื่อรวมไว้อาลัยกับการสวรรคตของ "ในหลวง" รัชกาลที่ ๙ 14 / ต.ค. / 2559

Title tags กับการทำ Search Engine Optimization (SEO) 2 / ก.ย. / 2559

การทำ SEO คืออะไร 2 / ก.ย. / 2559

ลงโปรแกรมเพื่อจำลองเครื่องของเราให้เป็น Web Server ตอนที่ 2 2 / ก.ย. / 2559

ลงโปรแกรมเพื่อจำลองเครื่องของเราให้เป็น Web Server ตอนที่ 1 2 / ก.ย. / 2559

PHP คืออะไร 2 / ก.ย. / 2559

table จัดรูปแบบของตารางด้วยคำสั่ง css 2 / ก.ย. / 2559

เปลี่ยนสัญลักษณ์หน้า list CSS 2 / ก.ย. / 2559

padding จัดระยะห่างระหว่างขอบของวัตถุ และเนื้อหา CSS 2 / ก.ย. / 2559

Margin กำหนดระยะห่างระหว่างวัตถุ CSS 2 / ก.ย. / 2559

คำสั่งที่เกี่ยวกับเส้นขอบ CSS 2 / ก.ย. / 2559

คำสั่งจัดการฟอนต์ (font) 2 / ก.ย. / 2559

คำสั่งที่ใช้กับข้อความ (text) CSS 2 / ก.ย. / 2559

เพิ่มความคิดเห็น

ชื่อ/อีเมลล์ :

สมาชิกไม่ต้องกรอก

ใส่รหัสยืนยัน

ไอคอน :

Use Icon

ข้อความ :

ข้อความที่ท่านได้อ่าน เกิดจากการเขียนโดยสาธารณชน และส่งขึ้นมาแบบอัตโนมัติ เจ้าของระบบไม่รับผิดชอบต่อข้อความใดๆทั้งสิ้น เพราะไม่สามารถระบุได้ว่าเป็นความจริงหรือ ชื่อผู้เขียนที่ได้เห็นคือชื่อจริง ผู้อ่านจึงควรใช้วิจารณญาณในการกลั่นกรอง และถ้าท่านพบเห็นข้อความใดที่ขัดต่อกฎหมายและศีลธรรม กรุณาแจ้งที่ Webmasterเพื่อให้ผู้ควบคุมระบบทราบและทำการลบข้อความนั้น ออกจากระบบต่อไป