Home/ Questions/Q 527535
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-13T08:53:36+00:00

Can somebody please explain what the inherit keyword means in CSS and how it

  • 0

Can somebody please explain what the inherit keyword means in CSS and how it works?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    It will use the same value as the same property its parent has.

    body {
   margin: 234px;
}
h1 {
   margin: inherit; /* this equals 234px in this instance */
}

    <body>
   <h1></h1>
</body>

    If there are multiple instances of <h1> in the file, it will take the margin of its parent, so 234px is not always the value it will have. For example:

    <body>
    <h2></h2>
    <div>
        <h2></h2>
    </div>
</body>

    body {
    margin: 20px;
}
div {
    margin: 30px;
}
h2 {
    margin: inherit; /* 20px if parent is <body>; 30px if parent is <div> */
}
    • 0