Mwaka wa CSS text-shadow
- kampi cha kuzungumza text-overflow
- kampi cha kifo text-transform
Mifano na Matumizi
text-shadow ya kawaida inasababisha shadow kwa matukio.
Tafuta pia:
Makala ya Mafunzo ya CSS3:CSS3 Mafanikio ya Matukio wa Matukio
Makala ya Dom ya HTML:textShadow ya kawaida
Mifano
Muundo wa kawaida wa shadow ya msingi:
h1 { text-shadow: 5px 5px 5px #FF0000; }
Kampi cha chini kuna mifano zaidi.
Inayotumiwa kwa lugha ya CSS
text-shadow: h-shadow v-shadow blur color;
Kivinje:text-shadow ya kawaida inaingiza shadow kwa kati ya matukio. Hiyo ni orodha ya shadow ya kawaida inayoitumiwa kwa kipenyo cha kawaida, kila shadow ina kufikia kati ya watatu kama kati ya kawaida na rangi inayochaguliwa kwa kawaida. Inaonekana kwamba kati ya kawaida inahitajika.
Wakati wa kuzingatia wa kawaida
Kivinje | Muhtasari | Tafuta |
---|---|---|
h-shadow | Inahitajika. Msukumo wa shadow kikilo cha kina. Inasababisha uadilifu. Wengi wanaona | Tafuta |
v-shadow | Inahitajika. Msukumo wa shadow kikilo cha kijani. Inasababisha uadilifu. Wengi wanaona | Tafuta |
blur | Inayochaguliwa. Msukumo wa kishusho. Kusikia | Tafuta |
color | Inayochaguliwa. Rangia ya shadow. Angalia CSS 颜色值. | Tafuta |
Mafundisho ya Teknolojia
Wakati wa kuzingatia kwa kawaida: | none |
---|---|
Kumwambaa kwa kawaida: | yes |
Tendai: | CSS3 |
Inayotumiwa kwa lugha ya JavaScript: | object.style.textShadow="2px 2px #ff0000" |
Mifano zaidi
- shadow ya msingi yenye muundo wa kishusho
- Mifano hii inashonana na shadow ya msingi yenye muundo wa kishusho.
- shadow ya msingi yenye rangi ya kiume
- Mifano hii inashonana na shadow ya msingi yenye rangi ya kiume.
- shadow ya msingi yenye muundo wa neon
- Mifano hii inashonana na shadow ya msingi yenye muundo wa neon.
safari wa kawaida
maneno ya msingi katika tabia inaeleza na safari wa kwanza wa kufaa kwa sababu hiyo ya kawaida.
Chrome | IE / Edge | Firefox | Safari | Opera |
---|---|---|---|---|
4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
- kampi cha kuzungumza text-overflow
- kampi cha kifo text-transform