Style boxShadow 属性

کدووسی آن لائن درس

ایچ تی ام ال سیریز درس
اسکریپت مرورگر
اسکریپت سرور
پروگرامنگ درس
ایکس ایم ال سیریز درس
بنیادی بلاگ دستور
مستندات مرجع

جدول زمانی

دستورالعمل‌های مرجع جاوااسکریپت

دستورالعمل‌های مرجع جاوااسکریپت (ترتیب دسته‌بندی)
دستورالعمل‌های مرجع جاوااسکریپت (ترتیب حروف الفبا)

جاوااسکریپت

آرایه جاوااسکریپت
بولین جاوااسکریپت
کلاس جاوااسکریپت
تاریخ جاوااسکریپت
خطا جاوااسکریپت
گلوبال جاوااسکریپت
JSON جاوااسکریپت
Map جاوااسکریپت
ماتم جاوااسکریپت
عدد جاوااسکریپت
Promise جاوااسکریپت
RegExp جاوااسکریپت
Set جاوااسکریپت
رشته جاوااسکریپت
آبجکت جاوااسکریپت
عملگر جاوااسکریپت
ترجیح اولویت عملگر جاوااسکریپت
کلمات دستور جاوااسکریپت
آرایه‌های نوع دار جاوااسکریپت

ویندوز

ویندو آوبجیکٹ
کنسول ویندوز
تاریخچه ویندوز
محل ویندوز
ناوگراف ویندوز
スクリーن ویندوز

DOM HTML

مستند HTML
عنصر HTML
ویژگی HTML
Event HTML
عنصر Event HTML
HTML Collection
HTML NodeList
HTML DOMTokenList
HTML Style

Web API

API کانواس
API کنسول
API Fetch
API فول اسکرین
API جغرافیا
API History
API MediaQueryList
API ذخیره
API Validیت
Web API

HTML کی اشیاء

<a>
<abbr>
<address>
<area>
<article>
<aside>
<audio>
<b>
<base>
<bdo>
<blockquote>
<body>
<br>
<button>
<canvas>
<caption>
<cite>
<code>
<col>
<colgroup>
<datalist>
<dd>
<del>
<details>
<dfn>
<dialog>
<div>
<dl>
<dt>
<em>
<embed>
<fieldset>
<figcaption>
<figure>
<footer>
<form>
<head>
<header>
<h1> - <h6>
<hr>
<html>
<i>
<iframe>
<img>
<ins>
<input> button
<input> checkbox
<input> color
<input> date
<input> datetime
<input> datetime-local
<input> email
<input> file
<input> hidden
<input> image
<input> month
<input> number
<input> password
<input> radio
<input> range
<input> reset
<input> search
<input> submit
<input> text
<input> time
<input> url
<input> week
<kbd>
<label>
<legend>
<li>
<link>
<map>
<mark>
<menu>
<menuitem>
<meta>
<meter>
<nav>
<object>
<ol>
<optgroup>
<option>
<output>
<p>
<param>
<pre>
<progress>
<q>
<s>
<samp>
<script>
<section>
</a></li> <li><a href="/ur/jsref/dom_obj_time.html" title="HTML DOM Time آوٹھم"><time></a></li> <li><a href="/ur/jsref/dom_obj_title.html" title="HTML DOM Title آوٹھم"><title></a></li> <li><a href="/ur/jsref/dom_obj_track.html" title="HTML DOM Track آوٹھم"><track></a></li> <li><a href="/ur/jsref/dom_obj_u.html" title="HTML DOM Underline آوٹھم"><u></a></li> <li><a href="/ur/jsref/dom_obj_ul.html" title="HTML DOM Ul آوٹھم"><ul></a></li> <li><a href="/ur/jsref/dom_obj_var.html" title="HTML DOM Variable آوٹھم"><var></a></li> <li><a href="/ur/jsref/dom_obj_video.html" title="HTML DOM Video آوٹھم"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/ur/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration آوٹھم">CSSStyleDeclaration</a></li> <li><a href="/ur/jsref/jsref_type_conversion.html" title="JavaScript کی نوعیت تبدیل کاری">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/ur/howto/index.html" title="CodeW3C.com کا دکھائی بھارتی">CodeW3C.com کا دکھائی بھارتی</a></li> </ul> </div> </div> <div id="maincontent"> <div class="idea"> <a href="/"><button>English</button></a> <a href="/zh/"><button>中文</button></a> <a href="/oldzh/"><button>繁體中文</button></a> <a href="/ru/"><button>Русский</button></a> <a href="/fr/"><button>Français</button></a> <a href="/de/"><button>Deutsch</button></a> <a href="/es/"><button>Español</button></a> <a href="/pt/"><button>Português</button></a> <a href="/ja/"><button>日本語</button></a> <a href="/ko/"><button>한국어</button></a> <a href="/it/"><button>Italiano</button></a> <a href="/ar/"><button>عربي</button></a> <a href="/hi/"><button>हिंदी</button></a> <a href="/bn/"><button>বাংলা</button></a> <a href="/ms/"><button>Bahasa Malaysia</button></a> <a href="/my/"><button>မြန်မာ</button></a> <a href="/vi/"><button>Tiếng Việt</button></a> <a href="/th/"><button>ภาษาไทย</button></a> <a href="/lo/"><button>ລາວ</button></a> <a href="/id/"><button>Bahasa Indonesia</button></a> <a href="/ur/"><button>اردو</button></a> <a href="/ha/"><button>Hausa</button></a> <a href="/pl/"><button>Język polski</button></a> <a href="/pa/"><button>ਪੰਜਾਬੀ</button></a> <a href="/sv/"><button>Svenska</button></a> <a href="/da/"><button>Dansk</button></a> <a href="/nl/"><button>Nederlands</button></a> <a href="/tr/"><button>Türkçe</button></a> <a href="/fi/"><button>suom.</button></a> <a href="/el/"><button>Ελληνικά</button></a> <a href="/fa/"><button>فارسی</button></a> <a href="/sw/"><button>Kiswahili</button></a> <a href="/te/"><button>తెలుగు</button></a> <a href="/tl/"><button>wikang Galu</button></a> </div> <h1>Style boxShadow 属性</h1> <div class="prenextnav-ref"> <ul> <li> سپورٹ <a href="/ur/jsref/prop_style_bottom.html" title="Style bottom کا اپنائی جانا">پچھلے پیج</a></li> <li> پائیدھی پیج <a href="/ur/jsref/prop_style_boxsizing.html" title="Style boxSizing کا اپنائی جانا">boxSizing</a></li> <li> درجہ بالا واپس جائیے <a href="/ur/jsref/dom_obj_style.html" title="ایچ تی ام ال ڈوم اسٹائل آوبجیکٹ">ایچ تی ام ال ڈوم اسٹائل آوبجیکٹ</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code>boxShadow</code> 属性设置或返回框元素的投影（drop-shadow）。</p> <h3>另请参阅：</h3> <p>CSS 参考手册：<a href="/ur/cssref/pr_box-shadow.html" title="CSS box-shadow کا اپنائی جانا">box-shadow کا کیمپٹن</a></p> </div> <div> <h2>实例</h2> <p>为 div 元素添加 box-shadow：</p> <pre class="language-js"> document.getElementById("myDIV").style.boxShadow = "10px 20px 30px blue"; </pre> <p class="tiy"><a target="_blank" href="/ur/tiy/t.html?f=jsck_style_boxshadow">亲自试一试</a></p> </div> <div> <h2>语法</h2> <p>返回 boxShadow 属性：</p> <pre><i>object</i>.style.boxShadow</pre> <p>设置 boxShadow 属性：</p> <pre><i>object</i>.style.boxShadow = "none|<i>h-shadow</i> <i>v-shadow</i> <i>blur</i> <i>spread</i> <i>color</i> |inset|initial|inherit"</pre> <p class="note"><span>注释：</span><code>boxShadow</code> 属性向框添加一个或多个阴影。该属性是由逗号分隔的阴影列表，每个阴影由 2-4 个长度值、可选的颜色值以及可选的 inset 关键词来规定。省略长度的值是 0。</p> <h3>属性值</h3> <table class="dataintable"> <tr> <th style="width: 25%;">值</th> <th>描述</th> </tr> <tr> <td>none</td> <td>默认值。不显示阴影。</td> </tr> <tr> <td><i>h-shadow</i></td> <td>必需。水平阴影的位置。允许负值。</td> </tr> <tr> <td><i>v-shadow</i></td> <td>必需。垂直阴影的位置。允许负值。</td> </tr> <tr> <td><i>blur</i></td> <td>可选。模糊距离。</td> </tr> <tr> <td><i>spread</i></td> <td>可选。阴影的大小。</td> </tr> <tr> <td><i>color</i></td> <td> <p>可选。阴影的颜色。默认值为黑色。</p> <p>请查看 <a href="/ur/cssref/css_colors_legal.html" title="CSS کی مجاز رنگ کا اپنائی جانا">CSS 颜色值</a>，获取可能的颜色值的完整列表。</p> <p class="tip"><span>提示：</span>在 Safari（PC 上）中，<i>color</i> 参数是必需的。如果不规定颜色，则根本不显示阴影。</p> </td> </tr> <tr> <td>inset</td> <td>可选。将外部阴影 (outset) 改为内部阴影。</td> </tr> <tr> <td>initial</td> <td>将此属性设置为其默认值。请参阅 <a href="/ur/cssref/css_initial.html" title="CSS initial کا اپنائی جانا">initial</a>。</td> </tr> <tr> <td>inherit</td> <td>اس کی ملاقات کا کام کریں، اس کی میں سے اس کا ایک ایسا ایک کا کام کریں. <a href="/ur/cssref/css_inherit.html" title="CSS inherit کا اپنائی جانا">inherit</a>。</td> </tr> </table> </div> <div> <h2>تکنیکی تفصیلات</h2> <table class="definition-usage"> <tr> <th style="width: 25%;">دفعتی کا دفعتی:</th> <td>نہیں</td> </tr> <tr> <th>بائع:</th> <td>عبارت، جو عناصر کا <a href="/ur/cssref/pr_box-shadow.html" title="CSS box-shadow کا اپنائی جانا">box-shadow کا کیمپٹن</a>。</td> </tr> <tr> <th>CSS ورژن:</th> <td>CSS3</td> </tr> </table> </div> <div> <h2>بھرائی جانا</h2> <table class="browser-support"> <tr> <th class="bsChrome">بھرائی جانا</th> <th class="bsEdge">کروم</th> <th class="bsFirefox">ایج</th> <th class="bsSafari">فائر فاکس</th> <th class="bsOpera">سافری</th> </tr> <tr> <td>بھرائی جانا</td> <td>کروم</td> <td>ایج</td> <td>فائر فاکس</td> <td>سافری</td> </tr> <tr> <td>5.1</td> <td>آپرا</td> <td>5.1</td> <td>9.0</td> <td>5.1</td> </tr> </table> </div> <div class="prenextnav-ref"> <ul> <li> سپورٹ <a href="/ur/jsref/prop_style_bottom.html" title="Style bottom کا اپنائی جانا">پچھلے پیج</a></li> <li> پائیدھی پیج <a href="/ur/jsref/prop_style_boxsizing.html" title="Style boxSizing کا اپنائی جانا">boxSizing</a></li> <li> درجہ بالا واپس جائیے <a href="/ur/jsref/dom_obj_style.html" title="ایچ تی ام ال ڈوم اسٹائل آوبجیکٹ">ایچ تی ام ال ڈوم اسٹائل آوبجیکٹ</a></li> </ul> </div><div style="background-color:#fcfdf8; padding:0;"> </div> </div>  <div id="sidebar"> <div><h3><center> ٹولز کا سینٹر </center><h3> <h5 id="tools_reference"><a href="/ur/jsref/index.html">جاوا اسکریپت اور ایچ تی ام ال ڈوم مرجع دستور</a></h5> <h5 id="tools_example"><a href="/ur/js/js_examples.html">JavaScript مثال</a></h5> <h5 id="tools_quiz"><a href="/ur/js/js_quiz.html">JavaScript معائنہ</a></h5> <h5 id="tools_tutorial"><a href="/ur/js/index.html">JavaScript تعلیم</a></h5> </div> <div><h3><center> سپانسر لنک </center><h3> <div id="sbtg"> <script src="/myjs/zzsr.js"></script> </div> </div> </div> <div id="footer"> <p id="p1"> CodeW3C.com کی فراہمی صرف تربیت اور ٹیسٹ کیلئے ہے، صحت کی گارنٹی نہیں دی جاتی۔ اس سائٹ کی استعمال کے ساتھ آئی گئی خطرات اس سائٹ سے منفرد ہیں۔ تمام حقوق محفوظ، تمام حقوق رکھی گئی ہیں。 </p> <p id="p2"> <a href="/ur/about/index.html" title="کے بارے میں CodeW3C.com">کے بارے میں CodeW3C.com</a> <a href="/ur/about/about_helping.html" title="کمک CodeW3C.com">کمک CodeW3C.com</a> <a href="/ur/about/about_use.html" title="کے بارے میں استعمال">استعمال شرط</a> <a href="/ur/about/about_privacy.html" title="کے بارے میں پرائیویسی">پرائیویسی شرط</a> <a href="http://www.comfortsoftwaregroup.com/" target="_blank"><img src="/comfortsoftwaregroup.png"></a> <a href="http://www.ce4e.com/" target="_blank"><img src="/poweredby.png" alt="پاورڈ بے سی 4 ای ای"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>