การทำงานกับแอตทริบิวต์ style ใน HTML

ใช้แอตทริบิวต์ style ใน HTML เพื่อตั้งค่า CSS style แบบ inline ใช้สำหรับตั้งค่า CSS โดยตรงบนองค์ประกอบ

ตัวอย่าง

คุณสามารถลองรันโค้ดต่อไปนี้เพื่อใช้งานแอตทริบิวต์ style ใน HTML:

<!DOCTYPE html> 
<html> 
  <body> 
    <h2>Tutorialspoint</h2> 
    <p>เราให้บริการบทเรียน</p> 
    <p style="color:green">เราให้บริการวิดีโอการเรียนรู้</p> 
  </body> 
</html>

ข้อควรพิจารณา:

ความเฉพาะเจาะจง (Specificity) - inline style มีความเฉพาะเจาะจงสูงสุด ยากที่จะ override ด้วย CSS ภายนอก
การบำรุงรักษา - ยากต่อการจัดการ หากมีหลายหน้า ควรใช้ CSS class แทน
CSP (Content Security Policy) - อาจบล็อก inline styles
เหมาะสำหรับ: ค่าที่คำนวณได้จาก JavaScript (dynamic styles), สไตล์เฉพาะหน้า/องค์ประกอบเดียว

แนะนำ: ใช้ class และ CSS ภายนอกสำหรับสไตล์หลัก ใช้ inline style เฉพาะกรณีจำเป็น