style boxShadow అంశం

నిర్వచనం మరియు వినియోగం

boxShadow అంశం పై షేడో (డ్రాప్ షేడో) ప్రతిస్పందన నిర్ధారించడానికి అంశం.

మరింత చూడండి

CSS సందర్భాత్మక గ్రంథంbox-shadow అనే అంశం

ఉదాహరణ

div అంశానికి boxShadow జోడించండి:

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

స్వయంగా ప్రయత్నించండి

విధానం

boxShadow అంశాన్ని తిరిగి పొందండి:

object.style.boxShadow

boxShadow అంశాన్ని నిర్ధారించండి:

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

వివరణం:boxShadow బాక్స్ నక్షత్రంపై ఒకటి లేదా కనీసం రెండు ముక్కలను జోడించడానికి అంశం. ప్రతి ముక్క రెండు నుండి నాలుగు పొడవు విలువలు, ఎంపిక చేయదగిన రంగు విలువలు మరియు ఎంపిక చేయదగిన inset కీలక పదాన్ని నిర్వచిస్తాయి. పొడవు విలువలను పరిష్కరించకపోతే 0 గా ఉంటాయి.

అంశ విలువ

విలువ వివరణ
none అప్రమేయ విలువ. శాడో చూపబడదు.
h-shadow అవసరమైనది. అడుగున శాడో స్థానం. ప్రతికూల విలువలు అనుమతిస్తాయి.
v-shadow అవసరమైనది. ఉన్నతమైన శాడో స్థానం. ప్రతికూల విలువలు అనుమతిస్తాయి.
blur ఎంపిక చేయదగినది. ముసిగించే దూరం.
spread ఎంపిక చేయదగినది. శాడో పరిమాణం.
color

ఎంపిక చేయదగినది. శాడో రంగు. అప్రమేయ విలువ కాలుష్యం.

చూడండి CSS రంగు విలువలురంగు విలువల పూర్తి జాబితా పొందండి.

హిందూస్తాన్ వివరణంసఫారీ (పిసి లో) లో లోcolor అవసరమైన పరామితి. రంగును నిర్ధారించకపోతే శాడో చూపబడదు.
inset ఎంపిక చేయదగినది. బాహ్య ముక్కలను (outset) లోపలి ముక్కలకు మార్చుండి.
initial ఈ అంశాన్ని అప్రమేయ విలువకు మార్చుండి. చూడండి initial。
inherit తన పేర్వంచి అంశం నుండి ఈ అంశాన్ని ఉంచుకోండి. చూడండి inherit。

సాంకేతిక వివరణలు

అప్రమేయ విలువలు కాని
వాటి ప్రతిస్పందన విలువలు స్ట్రింగ్ వివరణం, దాని అంశం box-shadow అనే అంశం。
CSS 版本： CSS3

浏览器支持

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
支持 9.0 支持 5.1 支持