Lastnost text-shadow

Lastnost text-shadow določa senco besedilu. Kot vrednost lastnost sprejme 4 parametre, ločene s presledkom, ali ključno besedo none, ki popolnoma prekliče senco (to je privzeta vrednost).

Sintaksa

cssselektor {
  text-shadow: zamik_po_x zamik_po_y zameglitev barva;
}

cssselektor {
  text-shadow: none;
}

Parametri

Parameter	Opis
zamik po x	Določa premik sence po osi X. Pozitivna vrednost pomakne v desno, negativna - v levo.
zamik po y	Določa premik sence po osi Y. Pozitivna vrednost pomakne navzdol, negativna - navzgor.
zameglitev	Določa zameglitev sence. Višja kot je vrednost, bolj zamegljena bo senca. Neobvezen parameter. Če ni določen, bo senca ostra.
barva	Določa barvo sence v katerih koli enotah za barvo. Neobvezen parameter. Če ni določen, je barva sence enaka barvi besedila.

Zamiki po oseh in zameglitev so določeni v katerih koli enotah za velikosti, razen v odstotkih.

Primer

Premaknimo senco navzdol in v levo ter dodajmo rahlo zameglitev:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-shadow: 5px 5px 3px black;
}

Результат:

Primer . Ostra senca

Naredimo senco rdeče barve, premaknimo jo navzdol in v levo, vendar odstranimo zameglitev - senca bo ostra:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-shadow: 10px 10px red;
}

Результат:

Primer . Enakomerna senca

Senca ni premaknjena, vendar je dodana zameglitev:

html<div id="elem">
  Lorem ipsum dolor sit amet.
</div>

css#elem {
  text-shadow: 0px 0px 3px black;
}

Результат:

Glejte tudi

lastnost box-shadow,
ki določa senco vsebniku