คุณสมบัติ border-style เพื่อเพิ่มขีดขึงเข้าไปในขอบ ให้ใช้คุณสมบัติ border-style ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อนำ border-style property value dashed ไปใช้เพื่อกำหนดขอบแบบขีดขึง: <html> <head> </head> <body> <p style=border-width:3px; border-style:dashed;>

คุณสมบัติ border-style ใช้คุณสมบัติ border-style เพื่อกำหนดสไตล์ของขอบ: ตัวอย่าง <html> <head> </head> <body> <p style=border-width:4px; border-style:none;> This is a border with none width. </p> <p style=border-width:4px; border-style:soli

คุณสมบัติ border-style เพื่อกำหนดขอบแบบจุดๆ ให้ใช้คุณสมบัติ border-style ลองรันโค้ดต่อไปนี้เพื่อนำ border-style property value dotted ไปใช้เพื่อกำหนดขอบแบบจุดๆ: ตัวอย่าง <html> <head> </head> <body> <p style=border-width:3px; border-style:dotted;> This

คุณสมบัติ width สำหรับรูปภาพ คุณสมบัติ width ใช้กำหนดความกว้างของรูปภาพ รับค่าเป็นความยาวหรือเปอร์เซ็นต์ หากให้ค่าเป็น % จะคำนวณตามกล่องที่รูปภาพอยู่ ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อกำหนดความกว้างของรูปภาพ: <html> <head> </head> <body> <img style=border:2px soli

คุณสมบัติ border-bottom-style คุณสมบัติ border-bottom-style ใช้เปลี่ยนสไตล์ของขอบล่าง ลองรันโค้ดต่อไปนี้เพื่อนำ border-bottom-style property ไปใช้: ตัวอย่าง <html> <head> </head> <body> <p style=border-width:4px; border-bottom-style:dashed;> This is dem

คุณสมบัติ border-top-style คุณสมบัติ border-top-style ใช้เปลี่ยนสไตล์ของขอบบน ลองรันโค้ดต่อไปนี้เพื่อนำ border-top-style property ไปใช้: ตัวอย่าง <html> <head> </head> <body> <p style=border-width:4px; border-top-style:dashed;> This is demo content <

คุณสมบัติ border (Shorthand) คุณสมบัติ border ให้คุณระบุสี สไตล์ และความกว้างของขอบในคุณสมบัติเดียว ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อระบุ border property: <html> <head> </head> <body> <p style=border:3px solid green;> This example is showing shorthand pr

คุณสมบัติ border-left-style คุณสมบัติ border-left-style ใช้เปลี่ยนสไตล์ของขอบซ้าย ลองรันโค้ดต่อไปนี้เพื่อนำ border-left-style property ไปใช้: ตัวอย่าง <html> <head> </head> <body> <p style=border-width:4px; border-left-style:dashed;> This is demo conten

คุณสมบัติ border-left-style คุณสมบัติ border-left-style ใช้เปลี่ยนสไตล์ของขอบซ้าย ลองรันโค้ดต่อไปนี้เพื่อนำ border-left-style ไปใช้: ตัวอย่าง <html> <head> </head> <body> <p style=border-width:3px; border-left-style:solid;> Example showing left border &

คุณสมบัติ border-style เพื่อกำหนดขอบแบบจุดๆ ให้ใช้คุณสมบัติ border-style ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อนำ border-style property value dotted ไปใช้เพื่อกำหนดขอบแบบจุดๆ: <html> <head> </head> <body> <p style=border-width:3px; border-style:dotted;> This

คุณสมบัติ border-top-color คุณสมบัติ border-top-color ใช้เปลี่ยนสีของขอบบน ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อนำ border-top-color ไปใช้: <html> <head> <style> p.demo { border: 3px solid; border-top-color: #FF0000; } </style> </head>

คุณสมบัติ border-right-color คุณสมบัติ border-right-color ใช้เปลี่ยนสีของขอบขวา ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อนำ border-right-color ไปใช้: <html> <head> <style> p.demo { border: 3px solid; border-right-color: #FF0000; } </style> <

คุณสมบัติ border-style เพื่อกำหนดขอบแบบขีดขึง ให้ใช้คุณสมบัติ border-style ลองรันโค้ดต่อไปนี้เพื่อนำ border-style property value dashed ไปใช้เพื่อกำหนดขอบแบบขีดขึง: ตัวอย่าง <html> <head> </head> <body> <p style=border-width:3px; border-style:dashed;> T

คุณสมบัติ border-right-style คุณสมบัติ border-right-style ใช้เปลี่ยนสไตล์ของขอบขวา ลองรันโค้ดต่อไปนี้เพื่อนำ border-right-style ไปใช้: ตัวอย่าง <html> <head> </head> <body> <p style=border-width:3px; border-right-style:solid;> Example showing right bord

คุณสมบัติ border-width คุณสมบัติ border-width ใช้กำหนดความกว้างของขอบ (ไม่ใช่เปลี่ยนสี ต้นฉบับเขียนผิด) ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อนำ border-width ไปใช้: <html> <head> </head> <body> <p style=border-width:3px; border-style:solid;> Example showing b

คุณสมบัติ border-bottom-color คุณสมบัติ border-bottom-color ใช้เปลี่ยนสีของขอบล่าง ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อนำ border-bottom-color ไปใช้: <html> <head> <style> p.demo { border: 3px solid; border-bottom-color: #FF0000; } </style>

คุณสมบัติ margin-top คุณสมบัติ margin-top ระบุ margin ด้านบนขององค์ประกอบ รับค่าเป็นความยาว, เปอร์เซ็นต์, หรือ auto ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อกำหนด margin บน: <html> <head> </head> <body> <p style=margin-top: 10px; border:2px solid red;> This is a

Pseudo-class :active เพื่อเปลี่ยนสีของลิงก์ที่กำลังคลิกอยู่ ให้ใช้ pseudo-class :active ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อเปลี่ยนสีของลิงก์ที่กำลังคลิก: <html> <head> <style> a:active { color: #FF00CC; } </style> </head> <body>

คุณสมบัติ border-collapse คุณสมบัติ border-collapse ระบุว่าเบราว์เซอร์ควรควบคุมลักษณะของขอบที่ติดกันหรือให้แต่ละเซลล์รักษาสไตล์ของตัวเอง ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อเรียนรู้การทำงานของ border-collapse property: <html> <head> <style> table.one { border-colla

คุณสมบัติ border-spacing คุณสมบัติ border-spacing ระบุความกว้างระหว่างเซลล์ตาราง รับค่า 1 หรือ 2 ค่า หน่วยเป็นความยาว ตัวอย่าง ลองรันโค้ดต่อไปนี้เพื่อกำหนดความกว้างของเซลล์ตาราง: <html> <head> <style> table.one { border-collapse: separate; width: 300px;