MENU

Dědičnost v CSS

Dědičnost v CSS znamená, že pokud nějakému HTML elementu (např. DIVu) přiřadíte CSS vlastnost, která se dokáže dědit, pak se může projevit i na prvcích vnořených uvnitř, kterým se také říká potomci. Díky dědičnosti není nutné nastavovat všem všechna pravidla a zkušenému kodérovi s dobře strukturovaným myšlením tato výhoda můžete ušetřit námahu i velikost výsledného CSS kódu. Má to však i stinnou stránku. Neznalí tohoto principu se mohou šeredně divit, co se to s jejich webovou stránkou děje. Dědičnost je možné kdykoli přepsat CSS pravidlem, které bude HTML elementu blíže, např. napsané přímo k danému HTML prvku.

Dědičné vlastnosti bývají zejména ty, jež se týkají textů a řádků. Jedná se o tyto CSS vlastnosti:

  • font-family
  • font-style
  • font-variant
  • font-size
  • font-weight
  • font
  • text-align
  • text-align-last
  • text-indent
  • text-justify
  • text-shadow
  • text-transform
  • line-height
  • list-style
  • list-style-image
  • list-style-position
  • list-style-type
  • color
  • cursor
  • visibility
  • white-space
  • word-break
  • word-spacing
  • word-wrap
  • writing-mode
  • tab-size
  • quotes
  • direction
  • empty-cells
  • hanging-punctuation
  • unicode-bidi

Kam dál

Kurz HTML a CSS | Seznam všech CSS vlastností

Pokud nevíte, neváhejte se zeptat

© HelpMark | Tomáš Herout | Tel: +420 739 719 548