Moderní tvorba webových aplikací

O webu

CSS vlastnost all

Resetování CSS pravidel vlastností all.

2 minuty

Zatím vlastnost all funguje od Firefoxu 27. Umožňuje resetovat vzhled libovolných elementů.

To se může hodit pro hotová řešení třetích stran, kde je risiko, že cizí elementy zdědí nežádoucí styly. Nyní je v takovém případě nutné přebíjet obvyklé vlastnosti defaultní hodnotou.

Vlastnost all je zkratka (níže uvedené hodnoty je možné zadávat přímo jako hodnotu všech CSS vlastností). Slouží pro resetování všech CSS vlastností určitého elementu jedním příkazem. Může nabývat tří hodnot.

initial

Vyresetuje úplně všechno včetně hodnot z uživatelských stylů nebo výchozích stylů prohlížeče. Ukázka — text nebude červený ani modrý, ale černý.

inherit

Vlastnost se zdědí. Ukázka — text nebude modrý, ale červený (zdědí hodnotu od rodiče).

unset

V případě, že existuje hodnota k dědění, chová se jako inherit, jinak jako initial. Ukázka.

Při resetování stále platí pravidla kaskádování. Proto odstavec v následujícím kódu bude modrý.

<style>
  p {color: red}
  p#text {color: blue}
  p {all: initial}
</style>
<p id="text">Text</p>

Protože ID přebije obyčejný kontext. Podobně to dopadne i s !important (ukázka).

Související články

Převod písmen na VELKÁ a malá

Převedení textu na velká nebo malá písmena.

12 minut

Možnosti stylování <iframe>

Co lze a nelze u <iframe> ovlivnit pomocí CSS a jak na změnu textu nebo barev.

10 minut

Zvýraznění aktivní sekce při rolování

Moderní způsoby zvýraznění aktivní položky navigace podle aktuální sekce – CSS i IntersectionObserver.

5 minut

CSS funkce random()

Jak v CSS generovat náhodné hodnoty pomocí random() a kdy ji použít.

6 minut

Web jecas.cz píše Bohumil Jahoda, kontakt
Seznam všech článků
2013–2025