Sifa text-shadow

Sifa text-shadow huweka kivuli cha maandishi. Kama thamani, sifa hukubali 4 vigezo, vinavyotajwa kwa kupitia nafasi, au neno kuu none, linaloondoa kivuli kabisa (hii ndiyo thamani chaguomsingi).

Ki-sintaksia

csskichaguaji {
  text-shadow: usogeaji_x usogeaji_y ufumwe rangi;
}

csskichaguaji {
  text-shadow: none;
}

Vigezo

Kigezo	Maelezo
usogeaji kwa x	Huamua usogeaji wa kivuli kwenye mhimili X. Thamani chanya husogeza kulia, thamani hasi - kushoto.
usogeaji kwa y	Huamua usogeaji wa kivuli kwenye mhimili Y. Thamani chanya husogeza chini, thamani hasi - juu.
ufumwe	Huamua ufumwe wa kivuli. Kadiri thamani inavyokuwa kubwa ndivyo kivuli kitakavyokuwa kimefumka zaidi. Kigezo kisicholazimisha. Kama hakijaainishwa - kivuli kitakuwa wazi.
rangi	Huamua rangi ya kivuli kwa kutumia vyengo vyovyote vya rangi. Kigezo kisicholazimisha. Kama hakijaainishwa - rangi ya kivuli inafanana na rangi ya maandishi.

Usogeaji kwenye mihimili na ufumwe huainishwa kwa kutumia vyengo vyovyote vya ukubwa, isipokuwa asilimia.

Mfano

Wacha tusogeze kivuli chini na kushoto na tuongeze ufumwe mdogo:

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

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

Результат:

Mfano . Kivuli wazi

Sasa tufanye kivuli kiwe chekundu, tusogeze kini chini na kushoto, lakini tuondoe ufumwe - kivuli kitakuwa wazi:

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

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

Результат:

Mfano . Kivuli sawasawa

Hivi sasa kivuli hakijasogezwa, lakini kimeongezewa ufumwe:

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

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

Результат:

Angalia pia

sifa box-shadow,
ambayo huweka kivuli cha kontena