Que fait le mot-clé inherit dans CSS?

Quelqu'un peut-il expliquer, quel est le mot-clé inherit destiné à faire en CSS?Que fait le mot-clé inherit dans CSS?

2010-01-04 benstpierre

Il utilisera la même valeur que la même propriété de ses parents a .

html:

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

css:

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

Note à cela s'il y a plusieurs instances de <h1> dans le fichier, il prendra la marge de son parent. Donc 234px n'est pas toujours la valeur qu'il aura. Par exemple

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 
}

Source

2010-01-04 21:58:28

Il est important de noter que cela ne fonctionne pas dans IE6 + IE7, mais une bonne réponse. +1 –

Même dans IE8- il fonctionne avec les propriétés "direction" et "visibilité" –

Je pense que la personne qui a posé cette question savait comment "hériter" fonctionne, ce qu'il voulait [probablement] cependant savoir: "Quelles sont les utilisations? cas d'utilisation du mécanisme d'héritage CSS " –

Je ne vais pas plagier l'amende explication sur sitepoint.com donc je vais juste donner l'url ici:

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

Source

2010-01-04 21:56:53 hannson

L'article SitePoint est super clair avec une grande explication! Super lien! –

Que fait le mot-clé inherit dans CSS?

Répondre

Questions connexes