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).

Co si myslíte o tomto článku?

Diskuse

Související články

CSS item-pack: balance – vyvážené rozložení flex položek

Vlastnost item-pack: balance rozděluje flex položky rovnoměrně mezi řádky, podobně jako text-wrap: balance vyvažuje řádky textu.

11 minut

CSS Container Queries – responsivní komponenty

Jak pomocí @container, container-type a container-name vytvářet komponenty, které se přizpůsobí velikosti svého rodiče místo viewportu.

16 minut

CSS Anchor Positioning – posicování elementů relativně k jiným

Jak pomocí anchor-name, position-anchor a funkce anchor() posicovat elementy relativně k jiným bez JavaScriptu.

6 minut

Centrování na webových stránkách

Moderní způsoby vertikálního i horizontálního centrování v CSS. Flexbox, Grid, margin auto a další techniky.

8 minut

Novinky e-mailem

Když budu mít něco opravdu zajímavého, můžu vám to poslat e-mailem

Přidej se k 500+ čtenářům
Jen kvalitní obsah
Žádný spam

Web jecas.cz píše Bohumil Jahoda, kontakt
Seznam všech článků · Témata · Zkratky
2013–2026