Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

วิธีใช้แอตทริบิวต์ style เพื่อกำหนดกฎสไตล์ใน HTML


การใช้ Inline CSS ด้วยแอตทริบิวต์ style

คุณสามารถใช้ style attribute ขององค์ประกอบ HTML ใดๆ เพื่อกำหนดกฎสไตล์ได้ กฎเหล่านี้จะถูกนำไปใช้กับองค์ประกอบนั้นอย่างเดียว นี่คือไวยากรณ์ทั่วไป:

<element style="...style rules...">

ตัวอย่าง

<html>
  <head>
  </head>
  <body>
    <p style="color:#36C;"> This is inline CSS </p>
  </body>
</html>

ในตัวอย่างข้างต้น ข้อความในแท็ก <p> จะแสดงสีฟ้า (#36C) เท่านั้น เนื่องจากสไตล์ถูกกำหนดโดยตรงในแอตทริบิวต์ style