Thuộc tính style trong HTML

Thuộc tính style trong HTML xác định một kiểu nội tuyến (inline style) cho một phần tử trong tài liệu HTML. Đây là một thuộc tính toàn cục (global attribute), có nghĩa là nó có thể được sử dụng trên bất kỳ phần tử HTML nào.

Cú pháp

Cú pháp như sau:

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

Ví dụ

Dưới đây là ví dụ minh họa thuộc tính style trong HTML:

<!DOCTYPE html>
<html>
<style>
  body {
    color: #000;
    height: 100vh;
    background-color: #8BC6EC;
    background-image: linear-gradient(135deg, #8BC6EC 0%, #9599E2 100%);
  }
</style>
<body>
<h1>Demo thuộc tính style trong HTML</h1>
<p>Danh sách môn học: </p>
<ol style="font-size:1.2rem;font-weight:bold;">
  <li>Vật lý</li>
  <li>Hóa học</li>
  <li>Toán học</li>
  <li>Sinh học</li>
  <li>Kinh tế</li>
</ol>
</body>
</html>

Kết quả