Was bedeutet "inherit"

[Gernot Back]

Hallo Ashura,

„inherit“ ~= „übernommen“

Es wird also hier der Wert übernommen, der im Elternelement für die spezifische Eigenschaft festgelegt wurde.

Du solltest statt "festgelegt" besser sagen "vom Browser errechnet" (computed value):

http://www.w3.org/TR/CSS21/cascade.html#value-def-inherit

Dabei kann man vor allem bei verschachteltem Tabellenlayout durchaus Unterschiede bei den Browsern beobachten. Legst du z.B. für das TR-Element keine Höhe fest, dann bezieht sich eine dem TD-Element zugewiesene Höhe von 100% auf das Vorfahrenelement TABLE. Mit dem Wert "inherit" im TD-Element nehmen dessen ihreseits auf height:inherit gesetzte Kindelemente in Opera dann aber einen anderen Raum ein als in Mozilla und dort wiederum einen anderen als im IE, in dem als einzigem kein Unterschied zu height:100% in Bezug auf ein solches Kindelement besteht. Möglicherweise macht es auch noch einen Unterschied, ob man ein TBODY-Element mit height:inherit bzw. height:100% zwischenschaltet.

Zu beobachten ist das Phänomen an diesem verschachtelten Tabellenlayout, wenn man an den entsprechenden Werten herumspielt.

Gruß Gernot