Chạy thử Ví dụ Thuộc tính font-weight trong CSS

Chạy thử Ví dụ Thuộc tính font-weight trong CSS

Chạy thử Ví dụ Thuộc tính font-weight trong CSS

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Chạy thử Ví dụ Thuộc tính font-weight trong CSS</title>
<style>
body {font-family: Arial, Helvetica, sans-serif;}
</style>
</head>
<body>

  <h1>Chạy thử Ví dụ Thuộc tính font-weight trong CSS</h1>
  
  <p>Dùng để quy định độ dày mỏng cho văn bản trong phần tử HTML:</p>
  
  <p style="font-weight: bold;">font-weight: bold;</p>
  
  <p style="font-weight: normal;">font-weight: normal;</p>
  
  <p style="font-weight: 100;">font-weight: 100;</p>
  
  <p style="font-weight: 200;">font-weight: 200;</p>
  
  <p style="font-weight: 300;">font-weight: 300;</p>
  
  <p style="font-weight: 400;">font-weight: 400;</p>
  
  <p style="font-weight: 500;">font-weight: 500;</p>
  
  <p style="font-weight: 600;">font-weight: 600;</p>
  
  <p style="font-weight: 700;">font-weight: 700;</p>
  
  <p style="font-weight: 800;">font-weight: 800;</p>
  
  <p style="font-weight: 900;">font-weight: 900;</p>
  
  <p style="font-weight: bolder;">font-weight: bolder;</p>
  
  <p style="font-weight: lighter;">font-weight: lighter;</p>
  
  <p style="font-weight: inherit;">font-weight: inherit;</p>
  
  <p style="font-weight: initial;">font-weight: initial;</p>
  
  <p style="font-weight: revert;">font-weight: revert;</p>
  
  <p style="font-weight: revert-layer;">font-weight: revert-layer;</p>
  
  <p style="font-weight: unset;">font-weight: unset;</p>
  
</body>
</html>
Chạy thử Ví dụ Thuộc tính font-weight trong CSS nằm trong bài viết Thuộc tính font-weight trong CSS