CSS టెక్స్ట్-షాడో అట్రిబ్యూట్
- ముంది పేజీ text-overflow
- తదుపరి పేజీ text-transform
నిర్వచనం మరియు వినియోగం
text-shadow అట్టి విలువలు టెక్స్ట్ కు షేడో అమర్చబడతాయి.
ఇతర పరిశీలన కైవసం:
CSS3 పాఠ్యక్రమం:CSS3 టెక్స్ట్ ఇఫెక్ట్స్
HTML DOM పరిశీలన కైవసం:textShadow అట్టి విలువలు
ఉదాహరణ
బేసిక్ టెక్స్ట్ షేడో ప్రభావం:
h1
{
text-shadow: 5px 5px 5px #FF0000;
}
పేజీ కింది మరిన్ని ఉదాహరణలు ఉన్నాయి.
CSS వినియోగదారికి:
text-shadow: h-shadow v-shadow blur color;
ప్రకటన:text-shadow అట్టి విలువలు టెక్స్ట్ కు ఒకటి లేదా అనేక షేడోలను జోడిస్తాయి. ప్రతి షేడో రెండు లేదా మూడు పొడవు విలువలతో పాటు ఒక ఎంపికార్థం రంగు విలువను కలిగి ఉంటుంది. కాల్పనిక పొడవు 0 కాగలదు.
అట్టి విలువలు
| విలువ | వివరణ | పరీక్ష |
|---|---|---|
| h-shadow | అవసరం. ఎడమ షేడో స్థానం. పేరుకు ఆక్రమణలు అనుమతిస్తాయి. | పరీక్ష |
| v-shadow | అవసరం. ఎగువ షేడో స్థానం. పేరుకు ఆక్రమణలు అనుమతిస్తాయి. | పరీక్ష |
| blur | ఎంపికార్థం. మెలిగిన దూరం. | పరీక్ష |
| color | ఎంపికార్థం. షేడో రంగు. సిఎస్ఎస్ కలర్ వాల్యూస్. | పరీక్ష |
సాంకేతిక వివరాలు
| అప్రమేయం: | none |
|---|---|
| పారంపర్యం: | yes |
| వెర్షన్: | CSS3 |
| JavaScript వినియోగదారికి: | object |
మరిన్ని ఉదాహరణలు
- మెలిగిన ప్రభావం కలిగిన టెక్స్ట్ షేడో
- మెలిగిన ప్రభావం కలిగిన టెక్స్ట్ షేడో ఈ ఉదాహరణలో ప్రదర్శించబడింది.
- తెలుపు రంగు టెక్స్ట్ పై షేడో
- ఈ ఉదాహరణలో తెలుపు రంగు టెక్స్ట్ పై టెక్స్ట్ షేడో ప్రదర్శించబడింది.
- నీలకలల ప్రభావం కలిగిన టెక్స్ట్ షేడో
- ఈ ఉదాహరణలో నీలకలల ప్రభావం కలిగిన టెక్స్ట్ షేడో ప్రదర్శించబడింది.
బ్రౌజర్ మద్దతు
పట్టికలోని సంఖ్యలు ఈ లక్షణాన్ని పూర్తిగా మద్దతు ఇచ్చే మొదటి బ్రౌజర్ వెర్షన్ ని పేర్కొన్నాయి.
| క్రోమ్ | IE / ఎండ్జ్ | ఫైర్ఫాక్స్ | సఫారీ | ఓపెరా |
|---|---|---|---|---|
| 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
- ముంది పేజీ text-overflow
- తదుపరి పేజీ text-transform
