แอตทริบิวต์ style ใน HTML

แอตทริบิวต์ style ใน HTML ใช้กำหนดสไตล์แบบอินไลน์ (inline style) สำหรับองค์ประกอบในเอกสาร HTML นี่คือแอตทริบิวต์สากล (global attribute) หมายความว่าสามารถใช้กับองค์ประกอบ HTML ใดๆ ก็ได้

ไวยากรณ์

<tagname style="text"></tagname>

ตัวอย่าง

<!DOCTYPE html>
<html>
<style>
  body {
    color: #000;
    height: 100vh;
    background-color: #8BC6EC;
    background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
  }
</style>
<body>
<h1>ตัวอย่าง HTML style</h1>
<p>รายการวิชา: </p>
<ol style="font-size:1.2rem;font-weight:bold;">
  <li>ฟิสิกส์</li>
  <li>เคมี</li>
  <li>คณิตศาสตร์</li>
  <li>ชีววิทยา</li>
  <li>เศรษฐศาสตร์</li>
</ol>
</body>
</html>

ผลลัพธ์

แสดงรายการเรียงลำดับที่มีสไตล์อินไลน์: ขนาดฟอนต์ 1.2rem และตัวหนา