Background is inherited : Inheritance « Style Basics « HTML / CSS






Background is inherited

  


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http: //www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http: //www.w3.org/1999/xhtml"xml: lang="en"lang="en">
<head>
<title></title>
<style type="text/css">
body,p {
  font-family: verdana, arial, helvetica, sans-serif;
  color: #000;
}
body {
  margin: 0px;
  padding: 0px;
  background-color: #fff;
}
p {
  font-size: 0.7em;
  line-height: 1.4em;
}


#MainText {
  padding: 10px;
  margin: 5px;
  background-color: #ccc;
  border: 1px solid #ccc;
}


</style>
</head>
<body>
<div id="MainText">
<p>this is a test. this is a test. this is a test. this is a test. .</p>
</div>
</body>
</html>

   
  








Related examples in the same category

1.Inheritance in Action
2.property inheritance
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