Vererbung#

Vererbung ist in CSS ein wichtiger Bereich. Die Vererbung gibt an, ob Eigenschaften durch Elternelemente vererbt werden können.

CSS Eigenschaften könnten in 2 Gruppen unterteilt werden:

  • Vererbare-Eigenschaften, welche automatisch die Eigenschaften an die Kinderelemente vererben.

  • Nicht-Vererbare-Eigenschaften, welche nicht an die Kinderelemente vererbt werden.

CSS Eigenschaften, die vererbar sind, zeigt die folgende Beispieliste:

  • border-collapse

  • border-spacing

  • color

  • cursor

  • font-family

  • font-size

  • font-style

  • font-variant

  • font-weight

  • letter-spacing

  • line-height

  • list-style-image

  • list-style-position

  • list-style-type

  • list-style

  • text-align

  • text-transform

  • visibility

  • white-space

  • word-spacing

See the Pen inherit by csswebsite (@csswebsite) on CodePen.