¿Qué significa la palabra clave heredada en CSS?

¿Puede alguien explicar por favor, qué es la palabra clave heredada que se pretende hacer en CSS?¿Qué significa la palabra clave heredada en CSS?

Fuente

2010-01-04 benstpierre

Se utilizará el mismo valor que la misma propiedad de su padre tiene .

html:

<body> 
<h1></h1> 
</body>

css:

body{ 
margin: 234px; 
} 
h1{ 
margin: inherit; #=234px 
}

Nota para esto si hay varias instancias de <h1> en el archivo, se tomará el margen de su padre. Entonces 234px no siempre es el valor que tendrá. Por ejemplo

html:

<body> 
    <h2></h2> 
    <div> 
    <h2></h2> 
    </div> 
</body>

css:

body{ 
margin: 20px; 
} 
div{ 
margin: 30px; 
} 
h2{ 
margin: inherit; #20px if parent is body; 30px if parent is div 
}

Fuente

2010-01-04 21:58:28

Es importante tener en cuenta que esto no funciona en IE6 + IE7, pero es una gran respuesta. +1 –

Incluso en IE8 - funciona con las propiedades de "dirección" y "visibilidad" –

Creo que la persona que hizo esta pregunta sabía cómo funciona "heredar", lo que [probablemente] quería saber sin embargo: "¿De qué sirve? casos para utilizar el mecanismo heredar CSS " –

no voy a plagiar la explicación bien en sitepoint.com así que voy a dar la url aquí:

http://reference.sitepoint.com/css/inheritvalue#

Fuente

2010-01-04 21:56:53 hannson

El artículo SitePoint es super clara con gran explicación! Gran enlace! –

¿Qué significa la palabra clave heredada en CSS?

Respuesta

Cuestiones relacionadas