Property Inheritance 2 : Inheritance « Style Basics « HTML / CSS






  1. HTML / CSS
  2. Style Basics
  3. Inheritance

Property Inheritance 2

 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html>
    <head>
        <title> Property Inheritance </title>
        <style type='text/css'>
          div#parentdiv {
          border: thin solid black;
      }
      div#childdiv {
          border: inherit;
      }
        </style>
    </head>
    <body>
    <div id='parentdiv'>
         This div has a border around it.
        <div id='childdiv'>
            This div also has a border around it.
        </div>
    </div>
    </body>
</html>








Related examples in the same category

1.Inheritance in Action
2.property inheritance
3.Background is inherited
4.The following properties are inherited by all elements: visibility and cursor.
5.Properties are inherited by inline elements
6.Properties inherited by list elements: list-style, list-style-type, list-style-position, and list-style-image
7.Property inherited by table elements: border-collapse
8.Properties are not inherited:
9.Once you assign a background to an element, it no longer visually inherits the background of its parent
10.Inherit the background, padding, and border of the div tag
11.Working with Inheritance
12.Style overwrite
13.Inherit color and alignment from the div