What Is Style Property Inheritance

Q

What Is Style Property Inheritance? - CSS Tutorials - Introduction To CSS Basics

✍: FYIcenter.com

A

Style property Inheritance is a rule that allows a style property of a child HTML tag to inherit the same property of the parent HTML tag, if that property is not defined on the child tag. This inheritance rule is very important because a lots of style properties are defined on the parent tags and inherited to the child tags. The CSS below shows you how to define most of the font properties on tags and let and to inherit them:

<html><head>
<title>CSS Included</title>
<style type="text/css">
  BODY {background-color: black}
  P {font-family: arial; font-size: 12pt; color: yellow}
  STRONG {font-weight: bold}
  EM {font-style: italic}
</style>
</head><body>
<p>Welcome to <strong>FYICenter.com</strong>. 
You should see this text in <em>yellow</em> 
on black background.</p>
</body></html>

As you can, the font family, size and color in and are inherited from .

2007-05-11, 4980👍, 0💬