CSS vlastnosti

box-shadow

Definice a použití

Vlastnost box-shadow přidá HTML elementu jeden nebo více stínů.

CSS Syntaxe

box-shadow: none | h-shadow v-shadow blur spread color | inset | initial | inherit

HodnotyPopis
none  výchozí hodnota, není zobrazen žádný stín
h-shadow povinná hodnota, postavení horizontální polohy stínu, záporné hodnoty jsou povoleny
v-shadow povinná hodnota, postavení vertikální polohy stínu, záporné hodnoty jsou povoleny
blur  rozostření vzdálenost 
spread  velikost stínu, záporné hodnoty jsou povoleny 
color  barva stínu, výchozí hodnota je černá
inset  změní stín z vnějšího na vnitřní
initial  nastaví tuto vlastnost zpět na její výchozí hodnotu
inherit zdědí tuto vlastnost od jeho rodičovského elementu

Ukázka použití

Přidá stín HTML elementu <div>.

CSS:

div {
    box-shadow: 5px 12px 8px #888888;
    width: 425px;
    height: 50px;
    background-color: #1e90ff;
}

VÝSLEDEK:

 

CSS na fóru

  • Nejsou žádné příspěvky k zobrazení.

Podpořte tento projekt

V případě, že se Vám tyto stránky líbí a nelezli jste zde informace, které jste potřebovali, přispějte prosím jakoukoliv částkou. Děkujeme!



Přihlášení