mozilla

Compare Revisions

inheritance

Change Revisions

Revision 68824:

Revision 68824 by Marsf on

Revision 68825:

Revision 68825 by Miken32 on

Title:
inheritance
inheritance
Slug:
CSS/inheritance
CSS/inheritance
Tags:
css, "CSS Reference"
css, "CSS Reference"
Content:

Revision 68824
Revision 68825
n14      The summary of every <a href="en/CSS_Reference">CSS propertn14      The summary of every <a href="/en/CSS_Reference" title="en/
>y definition</a> says whether that property is inherited by defau>CSS_Reference">CSS property definition</a> says whether that prop
>lt ("Inherited: Yes") or not inherited by default ("Inherited: no>erty is inherited by default ("Inherited: Yes") or not inherited 
>"). This controls what happens when no value is specified for a p>by default ("Inherited: no"). This controls what happens when no 
>roperty on an element.>value is specified for a property on an element.
n20      When no value for an <b>inherited property</b> has been spen20      When no value for an <strong>inherited property</strong> ha
>cified on an element, the element gets the <a href="en/CSS/comput>s been specified on an element, the element gets the <a href="/en
>ed_value">computed value</a> of that property on its parent eleme>/CSS/computed_value" title="en/CSS/computed_value">computed value
>nt. Only the root element of the document gets the <a href="en/CS></a> of that property on its parent element. Only the root elemen
>S/initial_value">initial value</a> given in the property's summar>t of the document gets the <a href="/en/CSS/initial_value" title=
>y.>"en/CSS/initial_value">initial value</a> given in the property's 
 >summary.
n25    <pre>n25    <p>
26<code>p { color: green }</code>26      &nbsp;
27    </p>
28    <pre class="brush: css">
29p { color: green }
n31    <pre>n34    <p>
35      &nbsp;
36    </p>
37    <pre class="brush: html">
32<code>&lt;p&gt;This paragraph has &lt;em&gt;emphasized text&lt;/e38&lt;p&gt;This paragraph has &lt;em&gt;emphasized text&lt;/em&gt; 
>m&gt; in it.&lt;/p&gt;</code>>in it.&lt;/p&gt;
n35      the words "emphasized text" will appear green, since the <cn41      the words "emphasized text" will appear green, since the <c
>ode>em</code> element has inherited the value of the {{ Cssxref(">ode>em</code> element has inherited the value of the {{ Cssxref("
>color") }} property from the <code>p</code> element. It does <i>n>color") }} property from the <code>p</code> element. It does <em>
>ot</i> get the initial value of the property (which is the color >not</em> get the initial value of the property (which is the colo
>that is used for the root element when the page specifies no colo>r that is used for the root element when the page specifies no co
>r).>lor).
n41      When no value for an <b>non-inherited property</b> (sometimn47      When no value for an <strong>non-inherited property</strong
>es called a <b>reset property</b> in Mozilla code) has been speci>> (sometimes called a <strong>reset property</strong> in Mozilla 
>fied on an element, the element gets the <a href="en/CSS/initial_>code) has been specified on an element, the element gets the <a h
>value">initial value</a> of that property (as specified in the pr>ref="/en/CSS/initial_value" title="en/CSS/initial_value">initial 
>operty's summary).>value</a> of that property (as specified in the property's summar
 >y).
n46    <pre>n52    <p>
53      &nbsp;
54    </p>
55    <pre class="brush: css">
47<code> p { border: medium solid }</code>56 p { border: medium solid }
n52    <pre>n61    <p>
62      &nbsp;
63    </p>
64    <pre class="brush: html">
53<code>  &lt;p&gt;This paragraph has &lt;em&gt;emphasized text&lt;65  &lt;p&gt;This paragraph has &lt;em&gt;emphasized text&lt;/em&gt
>/em&gt; in it.&lt;/p&gt;</code>>; in it.&lt;/p&gt;
n68      {{ Cssxref("inherit") }}, <a href="en/CSS/initial_value">inn80      {{ Cssxref("inherit") }}, <a href="/en/CSS/initial_value" t
>itial value</a>>itle="en/CSS/initial_value">initial value</a>
n71      <br>n83      &nbsp;
tt85    <p>
73    <div class="noinclude"></div>{{ languages( { "es": "es/CSS/in86      {{ languages( { "es": "es/CSS/inheritance", "fr": "fr/CSS/H
>heritance", "fr": "fr/CSS/H\u00e9ritage", "ja": "ja/CSS/inheritan>\u00e9ritage", "ja": "ja/CSS/inheritance", "pl": "pl/CSS/Dziedzic
>ce", "pl": "pl/CSS/Dziedziczenie" } ) }}>zenie" } ) }}
87    </p>

Back to History