Hatua ya boxShadow ya style

Mifano na matumizi

boxShadow Inasaidia kufikia hatua ya kina cha kina cha ukweli kwa hatua ya kina.

Tazama pia:

Makala ya CSS:kituo cha cha

Mifano

Kuongeza kina cha boxShadow kwa elementi ya div:

document.getElementById("myDIV").style.boxShadow = "10px 20px 30px blue";

Tafadhali jaribu

Inayofuata

Kutumia boxShadow hatua:

object.style.boxShadow

Kuweka hatua ya boxShadow:

object.style.boxShadow = "none|h-shadow v-shadow blur spread color |inset|initial|inherit"

Maelezo:boxShadow Hatua inaongeza kina au vika vingi kwa ukweli. Hatua hii inaonyesha orodha ya kina, kila kina kinachotumika 2-4 thamani za ukubwa, thamani za rangi inayowezekana na neno la kitendo la inset. Thamani za ukubwa zilizopita ni 0.

Thamani ya hatua

Thamani Muhtasari
none Thamani wa kufikia. Hali inaonyesha yaani ya kina.
h-shadow Inayohitajika. Eneo la kina kijani. Inaonyesha thamani za zaidi ya kidini.
v-shadow Inayohitajika. Eneo la kina kikuu. Inaonyesha thamani za zaidi ya kidini.
blur Inayowezekana. Mbali wa kufanana.
spread Inayowezekana. Ukubwa wa kina.
color

Inayowezekana. Rangi ya kina. Thamani wa kufikia ni kijani.

Tazama Thamani za rangi za CSS, kuwafikia orodha kamili ya thamani za rangi.

Mambo ya kuzingatia:katika Safari (kwenye kompyuta),color Paramita inayohitajika. Hata hivyo, hali inaonyesha yaani ya rangi, hali inasikia.
inset Inayowezekana. Tukifungua kina ya nje (outset) hadi kina ya ndani.
initial Kuweka hatua hii kwa thamani yake wa kufikia. Tazama initial。
inherit Kuweka hatua hii kwa thamani yake wa kufikia kutoka kwa elementi yake wa kina. Tazama inherit。

Vitendo vya teknolojia

Thamani wa kufikia: hakuna
Matokeo wa kuhakikisha: kifupi, ina kutoathirika kwa elementi kituo cha cha。
Toleo la CSS: CSS3

Muungano wa kawaida wa kifungu

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Mwongozo 9.0 Mwongozo 5.1 Mwongozo