ล่าสุดการพัฒนาเว็บบทเรียน
×

JavaScript การอ้างอิง

ภาพรวม

JavaScript

JS เชือก JS จำนวน JS ผู้ประกอบการ JS งบ JS คณิตศาสตร์ JS วันที่ JS แถว JS บูลีน JS นิพจน์ทั่วไป JS สถานการณ์โดยรวม JS การแปลง

เบราว์เซอร์ BOM

Window Navigator Screen History Location

HTML DOM

DOM เอกสาร DOM องค์ประกอบ DOM แอตทริบิวต์ DOM เหตุการณ์ DOM รูปแบบ

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> <keygen> <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> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>

วัตถุอื่น ๆ

CSSStyleDeclaration


 

Style textShadow Property

<สไตล์วัตถุ

ตัวอย่าง

เพิ่มเงาข้อความ:

document.getElementById("myP").style.textShadow = "5px 5px 1px #ff0000,10px 10px 1px #0000ff";
ลองตัวเอง»

ความหมายและการใช้งาน

ชุดคุณสมบัติ textShadow หรือผลตอบแทนที่ได้ผลกระทบเงาหนึ่งแร่มากขึ้นสำหรับข้อความ

สนับสนุนเบราว์เซอร์

Internet ExplorerFirefoxOperaGoogle ChromeSafari

คุณสมบัติ textShadow ได้รับการสนับสนุนในเบราว์เซอร์ที่สำคัญทั้งหมด

หมายเหตุ: คุณสมบัติ textShadow จะไม่ได้รับการสนับสนุนใน Internet Explorer 9 และรุ่นก่อนหน้า

วากยสัมพันธ์

กลับ textShadow ทรัพย์สิน:

object .style.textShadow

ตั้ง textShadow ทรัพย์สิน:

object .style.textShadow="none| Note: คุณสมบัติ textShadow จะติดอยู่หนึ่งหรือมากกว่าเงาให้กับข้อความ โรงแรมแห่งนี้เป็นรายการที่คั่นด้วยเครื่องหมายจุลภาคของเงาที่ระบุไว้ในแต่ละโดย 2 หรือ 3 ค่าความยาวและสีตัวเลือก ความยาวงด 0

ค่าทรัพย์สิน

ความคุ้มค่า ลักษณะ
none ไม่มีเงาจะถูกวาด นี้จะเริ่มต้น
h-shadow จำเป็นต้องใช้ ตำแหน่งของเงาแนวนอน ค่าลบจะได้รับอนุญาต
v-shadow จำเป็นต้องใช้ ตำแหน่งของเงาแนวตั้ง ค่าลบจะได้รับอนุญาต
blur ไม่จำเป็น. ระยะทางเบลอ
color ไม่จำเป็น. สีของเงา ดู CSS ค่าสี สำหรับรายการที่สมบูรณ์ของค่าสีที่เป็นไปได้
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น
inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก

รายละเอียดทางเทคนิค

ราคาเริ่มต้น: ไม่มี
กลับค่า: เชือกคิดเป็นรายการคั่นด้วยเครื่องหมายจุลภาคของผลกระทบเงานำไปใช้กับข้อความขององค์ประกอบ
CSS รุ่น CSS3

ตัวอย่างอื่น ๆ

ตัวอย่าง

กลับเงาข้อความ:

alert(document.getElementById("myP").style.textShadow);
ลองตัวเอง»

หน้าเว็บที่เกี่ยวข้อง

กวดวิชา CSS: ผลกระทบ CSS3 ข้อความ

อ้างอิง CSS: text-shadow property

<สไตล์วัตถุ