blob: 513c3165c9de2bcb5671b3ce5e85838e8bdfba59 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
|
---
title: inherit
slug: Web/CSS/inherit
tags:
- CSS
- 'CSS:Referencias'
- Todas_las_Categorías
translation_of: Web/CSS/inherit
---
<p><< <a href="es/Gu%c3%ada_de_referencia_de_CSS">Volver</a></p>
<h3 id="Resumen" name="Resumen">Resumen</h3>
<p><strong>inherit</strong> es un valor permitido en todas las propiedades CSS. Hace que el elemento al cual se aplica tome el <a href="es/CSS/Valor_calculado">valor calculado</a> de la propiedad de su elemento padre.</p>
<h4 id="Para_propiedades_heredadas" name="Para_propiedades_heredadas">Para propiedades heredadas</h4>
<p>Para las propiedades <a href="es/CSS/inheritance#Propiedades_heredadas">heredadas</a>, este valor refuerza el comportamiento del valor por defecto y es necesario sólo para anular otras reglas. Por ejemplo:</p>
<pre> /* hacer las cabeceras de segundo nivel, verdes */
h2 { color: green; }
/* ...pero deja aquellas cabeceras dentro de de la barra lateral con el valor por defecto (el valor que tenga el elemento padre */
#sidebar h2 { color: inherit; }
</pre>
<p>Ten en cuenta que en este ejemplo, el elemento <code>h2</code> dentro de sidebar, puede tener un color distinto. Por ejemplo, si alguno de los elementos es un hijo de un elemento div con la siguiente regla:</p>
<pre class="eval"> div#current { color: blue; }
</pre>
<p>el elemento será azul.</p>
<h4 id="Para_propiedades_no_heredadas" name="Para_propiedades_no_heredadas">Para propiedades no heredadas</h4>
<p>Para las propiedades <a href="es/CSS/inheritance#Propiedades_no_heredadas">no heredadas</a>, este valor especifica un comportamiento que tiene relativamente poco sentido al no reforzar el valor por defecto.</p>
<h3 id="Notas" name="Notas">Notas</h3>
<p>Siempre se hereda desde el elemento padre dentro del árbol del documento, aún cuando el elemento padre no es el bloque contenedor.</p>
<h3 id="Especificaciones" name="Especificaciones">Especificaciones</h3>
<ul>
<li><a class="external" href="http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit">CSS 2.1</a></li>
</ul>
<h3 id="Compatibilidad_de_navegadores" name="Compatibilidad_de_navegadores">Compatibilidad de navegadores</h3>
<h3 id="Ver_tambi.C3.A9n" name="Ver_tambi.C3.A9n">Ver también</h3>
<p><a href="https://developer.mozilla.org/es/docs/Web/CSS/initial">initial</a></p>
<div class="noinclude">
<p><span class="comment">Categorías</span></p>
<p><span class="comment">Interwiki Languages</span></p>
</div>
<p>{{ languages( { "fr": "fr/CSS/inherit", "en": "en/CSS/inherit" } ) }}</p>
|
