property inheritance : Inheritance « Style Basics « HTML / CSS






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

property inheritance

  
<!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 {
            text-align: center;
          }
        </style>
    </head>
    <body>
    <div id='parentdiv'>
         Some text aligned center.
        <div>
            Because the text-align property is inherited, 
            this text is also aligned center.
        </div>
    </div>
    </body>
</html>








Related examples in the same category

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