Style textShadow 属性

CodeW3C အွန်လိုင်း အညွှန်း

HTML စာအုပ် ဆက်တွဲ
ဘာသာသား အချက်အရာ
အင်တာနက် ကျောင်းဆိုင်
ပြည်ထောင်စု အညွှန်း
XML စာအုပ် ဆက်တွဲ
စန်ဆာ စာအုပ်
ညွှန်း စာအုပ်

အကြောင်းအချက်အရာ

JS အကြောင်းအရာအဖွဲ့

JS အကြောင်းအရာအဖွဲ့ (အမျိုးအစား)
JS အကြောင်းအရာအဖွဲ့ (အစားအုပ်)

JavaScript

JS အော်အိမ်
JS Boolean
JS အကြောင်းအရာ
JS ရက်စွဲ
JS အမှား
JS ကျန်းမာရေး
JS JSON
JS Map
JS Math
JS အစီအစဉ်
JS Promise
JS RegExp
JS Set
JS စကား
JS အဖွဲ့
JS အကြောင်းအရာ
JS အကြောင်းအရာ အဆင့်
JS ဖော်ပြ
JS အကွက် အုပ်စု

Window

Window အပေါင်း
Window အော်ဒါ
Window သမိုင်း
Window အခွဲ
Window ကွင်း
Window အိုင်အမာ

HTML DOM

HTML အခွဲ
HTML အပ်စ်
HTML အကျုပ်
HTML အခင်းအတာ
HTML အခင်းအတာ အဖွဲ့
HTML အမှုထမ်း
HTML NodeList
HTML DOMTokenList
HTML စက်ဆုံး

Web API

API လက်ရွေး
API အော်ဒါ
API ဆွေးဖက်
API စိတ်ပိုင်း
API နေရာ
API သမိုင်း
API မီဒီယာကွင်း
API ကိုင်နိုင်ခွင့်
API စစ်ဆေး
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>
<select>
<small>
<source>
<span>
<strong>
</a></li> <li><a href="/my/jsref/dom_obj_time.html" title="HTML DOM Time အမှုဖြစ်"><time></a></li> <li><a href="/my/jsref/dom_obj_title.html" title="HTML DOM Title အမှုဖြစ်"><title></a></li> <li><a href="/my/jsref/dom_obj_track.html" title="HTML DOM Track အမှုဖြစ်"><track></a></li> <li><a href="/my/jsref/dom_obj_u.html" title="HTML DOM Underline အမှုဖြစ်"><u></a></li> <li><a href="/my/jsref/dom_obj_ul.html" title="HTML DOM Ul အမှုဖြစ်"><ul></a></li> <li><a href="/my/jsref/dom_obj_var.html" title="HTML DOM Variable အမှုဖြစ်"><var></a></li> <li><a href="/my/jsref/dom_obj_video.html" title="HTML DOM Video အမှုဖြစ်"><video></a></li> </ul> <h2>其他参考手册</h2> <ul> <li><a href="/my/jsref/obj_cssstyledeclaration.html" title="CSSStyleDeclaration အမှုဖြစ်">CSSStyleDeclaration</a></li> <li><a href="/my/jsref/jsref_type_conversion.html" title="JavaScript အမျိုးအစား ပြောင်းလဲ">JS 类型转换</a></li> </ul> </div> <div><h3><center> 选修课 </center><h3> <h2>课程推荐：</h2> <ul> <li><a href="/my/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 textShadow 属性</h1> <div class="prenextnav-ref"> <ul> <li> ပြီးဆုံး စာလုံး <a href="/my/jsref/prop_style_textoverflow.html" title="Style textOverflow လက်တင်">textOverflow</a></li> <li> နောက်ဆုံး စာလုံး <a href="/my/jsref/prop_style_texttransform.html" title="Style textTransform လက်တင်">textTransform</a></li> <li> အဆင်းတက် <a href="/my/jsref/dom_obj_style.html" title="HTML DOM Style အပေါင်း">HTML DOM Style အပေါင်း</a></li> </ul> </div> <div> <h2>定义和用法</h2> <p><code>textShadow</code> 属性设置或返回文本的一种或多种阴影效果。</p> <h3>另请参阅：</h3> <p>CSS 教程：<a href="/my/css/css_text_shadow.html" title="CSS အဘာသာ ဝေါဟာရ">CSS အဘာသာ ဝေါဟာရ</a></p> <p>CSS 参考手册：<a href="/my/cssref/pr_text-shadow.html" title="CSS text-shadow လက်တင်">text-shadow 属性</a></p> </div> <div> <h2>实例</h2> <h3>例子 1</h3> <p>给文本添加阴影：</p> <pre class="language-js"> document.getElementById("myP").style.textShadow = "5px 5px 1px #ff0000, 10px 10px 1px #0000ff"; </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=jsck_style_textshadow_1">亲自试一试</a></p> <h3>例子 2</h3> <p>返回文本阴影：</p> <pre class="language-js"> alert(document.getElementById("myP").style.textShadow); </pre> <p class="tiy"><a target="_blank" href="/my/tiy/t.html?f=jsck_style_textshadow_2">亲自试一试</a></p> </div> <div> <h2>语法</h2> <p>返回 textShadow 属性：</p> <pre><i>object</i>.style.textShadow</pre> <p>设置 textShadow 属性：</p> <pre><i>object</i>.style.textShadow = "none|<i>h-shadow</i> <i>v-shadow</i> <i>blur</i> <i>color</i>|initial|inherit"</pre> <p class="note"><span>注释：</span>textShadow 属性将一个或多个阴影添加到文本。该属性是以逗号分隔的阴影列表，每个阴影由 2 或 3 个长度值和可选颜色规定。省略的长度为 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>color</i></td> <td> <p>可选。阴影的颜色。</p> <p>请查看 <a href="/my/cssref/css_colors_legal.html" title="CSS အချက်အလက် လက်တင်">CSS 颜色值</a>，获取可能的颜色值的完整列表。</p> </td> </tr> <tr> <td>initial</td> <td>将此属性设置为其默认值。请参阅 <a href="/my/cssref/css_initial.html" title="CSS initial လက်တင်">initial</a>。</td> </tr> <tr> <td>inherit</td> <td>从其父元素继承此属性。请参阅 <a href="/my/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>none</td> </tr> <tr> <th>ပြန်လည်သတင်း:</th> <td>ကွင်းစား ကို အသုံးပြုသော အရေးယူဆောင်ရာ အရေးသား လက္ခဏာ စာရင်း ကို ကိုးကွယ် သည်။ ကိုးကွယ် သည် ကို ကိုးကွယ် သည်။</td> </tr> <tr> <th>CSS ပုံစံ:</th> <td>CSS3</td> </tr> </table> </div> <div> <h2>စကာတင်း ထောက်ပံ့</h2> <p>ရှိတဲ့ စကာတင်း များ တွင် အပြည့်အဝိုင်း ထောက်ပံ့ပေးသော ဗီယိုင်ဂျပ် ပုံစံ ကို စာရင်း တွင် ပြောဆိုထားသည်。</p> <table class="browser-support"> <tr> <th class="bsChrome">Chrome</th> <th class="bsEdge">Edge</th> <th class="bsFirefox">Firefox</th> <th class="bsSafari">Safari</th> <th class="bsOpera">Opera</th> </tr> <tr> <td>Chrome</td> <td>Edge</td> <td>Firefox</td> <td>Safari</td> <td>Opera</td> </tr> <tr> <td>ထောက်ပံ့</td> <td>10.0</td> <td>ထောက်ပံ့</td> <td>ထောက်ပံ့</td> <td>ထောက်ပံ့</td> </tr> </table> </div> <div class="prenextnav-ref"> <ul> <li> ပြီးဆုံး စာလုံး <a href="/my/jsref/prop_style_textoverflow.html" title="Style textOverflow လက်တင်">textOverflow</a></li> <li> နောက်ဆုံး စာလုံး <a href="/my/jsref/prop_style_texttransform.html" title="Style textTransform လက်တင်">textTransform</a></li> <li> အဆင်းတက် <a href="/my/jsref/dom_obj_style.html" title="HTML DOM Style အပေါင်း">HTML DOM Style အပေါင်း</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="/my/jsref/index.html">JavaScript နှင့် HTML DOM ညွှန်း စာအုပ်</a></h5> <h5 id="tools_example"><a href="/my/js/js_examples.html">JavaScript အမှတ်အသား</a></h5> <h5 id="tools_quiz"><a href="/my/js/js_quiz.html">JavaScript စမ်းသပ်</a></h5> <h5 id="tools_tutorial"><a href="/my/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="/my/about/index.html" title="CodeW3C.com နှင့် ပတ်သတ်">CodeW3C.com နှင့် ပတ်သတ်</a> <a href="/my/about/about_helping.html" title="CodeW3C.com ကြည့်ပါ">CodeW3C.com ကြည့်ပါ</a> <a href="/my/about/about_use.html" title="အသုံးပြုခြင်း နှင့် ပတ်သတ်">အသုံးပြု အခြေခံ</a> <a href="/my/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="ပေါ်လုပ်ခြင်း Ce4e.com"></a> </p> </div> </div>  <script src="/myjs/tongji.js"></script> </body> </html>