Vai trò margin: inherit trong CSS

Kế thừa margin từ phần tử cha

Giá trị inherit cho thuộc tính margin khiến phần tử con kế thừa giá trị margin từ phần tử cha.

Ví dụ minh họa

<!DOCTYPE html>
<html>
<head>
  <style>
    div {
      border: 2px solid blue;
      margin-left: 50px;
    }
    p.ex1 {
      margin-left: inherit;
    }
  </style>
</head>
</head>
<body>
  <p>Kế thừa margin trái từ phần tử cha</p>
  <div>
    <p class="ex1">Đoạn văn này kế thừa margin-left: 50px từ div cha.</p>
  </div>
</body>
</html>

Đoạn văn p.ex1 sẽ có margin-left: 50px giống như div cha. Giá trị inherit áp dụng được cho hầu hết các thuộc tính CSS.