Mfano wa CSS box-shadow

Mifano na matumizi

Tabia ya boxShadow inaongeza mabonde ya kusaidia kwa kifungu.

Mambo ya mbinu:Tumia tabia ya border-image-* ili kumwengene nafasi za kifungu za mabonda yenye umuundo.

Tazama pia:

Mwongozo wa CSS3:Kifungu cha kina katika CSS3

Mwongozo wa HTML DOM:Tabia ya boxShadow

Mfano

Inaongeza box-shadow kwa kifungu div:

div
{
box-shadow: 10px 10px 5px #888888;
}

Tafuta kufikia hapa

Mafano ya kusaidia yanaonesha hapa chini.

Inayotumiwa kwa KiCSS:

box-shadow: h-shadow v-shadow blur spread color inset;

Mafano:box-shadow inaongeza mabonde ya kusaidia kwa kifungu. Tabia hii inaonyesha orodha ya mabonde ya kusaidia inayotumiwa kwa vifaa vya kufaa kwa kifungu, kila mabonde ya kusaidia inaonyesha 2-4 viwango vya kufaa kwa kifungu, thamani za rangi inayotumiwa kwa chochote na thamani za inset. Thamani za viwango vya kufaa kwa kifungu inayotumiwa kwa chochote ni 0.

Thamani ya tabia

Thamani Maelezo Mfano
h-shadow Inayotumika kwa kumwambia: viwango vya mabonde ya kusaidia kwenye ukubwa wa mabonde ya kusaidia. Inaonesha thamani za viwango vya kusaidia kwenye ukubwa wa mabonde ya kusaidia. Mfano
v-shadow Inayotumika kwa kumwambia: viwango vya mabonde ya kusaidia kwenye ukubwa wa mabonde ya kusaidia. Inaonesha thamani za viwango vya kusaidia kwenye ukubwa wa mabonde ya kusaidia. Mfano
blur Inayotumika kwa kumwambia: kidunia kwenye mabonde ya kusaidia. Mfano
spread Inayotumika kwa kumwambia: ukubwa wa mabonde ya kusaidia. Mfano
color Inayotumika kwa kumwambia: rangi ya mabonde ya kusaidia. Tazama thamani za rangi za CSS. Mfano
inset Inayotumika kwa kumwambia: kusaidia kubadilika kutoka kwenye mabonde ya nje (outset) hadi kwenye mabonde ya nje (inset). Mfano

Vifaa vya kimtafiti

Chaguo cha kuzingatia: none
Kupatikana kwa kumwambia: no
Tovuti: CSS3
Inayotumiwa kwa Kijskrip: object.style.boxShadow="10px 10px 5px #888888"

Mafano ya kusaidia

Picha inayotumika kwenye mabonde wa msingi
Mfano huu unatoa habari kuhusu matukio ya picha ya 'Borelya' na kusaidia picha kuwa na uharibifu.

Kufaa kwa kifungu

Mayari ya jadwali inaonyesha naani ya kwanza ya kufaa kwa tabia hii ya kifungu.

数字 na -webkit- au -moz- inaonyesha ya kwanza ya kuanzisha kwa kifupi.

Chrome IE / Edge Firefox Safari Opera
10.0
4.0 -webkit-		 9.0 4.0
3.5 -moz-		 5.1
3.1 -webkit-		 10.5