Īpašība text-shadow

Īpašība text-shadow iestata ēnu tekstam. Kā vērtību īpašība pieņem 4 parametrus, kas uzskaitīti ar atstarpes palīdzību, vai atslēgvārdu none, kas atceļ ēnu vispār (šī ir noklusējuma vērtība).

Sintakse

cssselektors {
  text-shadow: nobīde_pa_x nobīde_pa_y izplūdums krāsa;
}

cssselektors {
  text-shadow: none;
}

Parametri

Parametrs	Apraksts
nobīde pa x	Norāda ēnas nobīdi pa X asi. Pozitīva vērtība nobīda pa labi, negatīva - pa kreisi.
nobīde pa y	Norāda ēnas nobīdi pa Y asi. Pozitīva vērtība nobīda uz leju, negatīva - uz augšu.
izplūdums	Norāda ēnas izplūdumu. Jo lielāka vērtība - jo vairāk izplūdusi būs ēna. Neobligāts parametrs. Ja nav norādīts - ēna būs skaidra.
krāsa	Norāda ēnas krāsu jebkurās krāsas mērvienībās. Neobligāts parametrs. Ja nav norādīts - ēnas krāsa sakrīt ar teksta krāsu.

Nobīdes pa asīm un izplūdums tiek norādīti jebkurās izmēru mērvienībās, izņemot procentus.

Piemērs

Novirzīsim ēnu uz leju un pa kreisi un pievienosim nelielu izplūdumu:

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

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

Результат:

Piemērs . Skaidra ēna

Tagad padarīsim ēnu sarkanā krāsā, novirzīsim to uz leju un pa kreisi, bet noņemsim izplūdumu - ēna būs skaidra:

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

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

Результат:

Piemērs . Vienmērīga ēna

Šoreiz ēna nav novirzīta, bet tai ir pievienots izplūdums:

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

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

Результат:

Skatiet arī

īpašība box-shadow,
kas iestata ēnu konteineram