CSS3 ข้อความคุณสมบัติเงา
ตัวอย่าง
เงาข้อความพื้นฐาน (ข้อความเงา):
H1
{
ข้อความเงา: 2px 2px # FF0000;
}
{
ข้อความเงา: 2px 2px # FF0000;
}
ลอง»
ในด้านล่างของหน้านี้ตัวอย่างมากขึ้น
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางเป็นตัวแทนของเบราว์เซอร์แรกที่สนับสนุนหมายเลขรุ่นของทรัพย์สิน
| 属性 | |||||
|---|---|---|---|---|---|
| text-shadow | 4.0 | 10.0 | 3.5 | 4.0 | 9.6 |
แอตทริบิวต์คำจำกัดความและคำแนะนำ
ข้อความคุณสมบัติเงาเงาใช้ข้อความ
| เริ่มต้น: | ไม่มีเลย |
|---|---|
| มรดก: | ใช่ |
| เวอร์ชัน: | CSS3 |
| ไวยากรณ์ javascript: | วัตถุ .style.textShadow = "2px 2px # FF0000" |
ไวยากรณ์
text-shadow:h-shadow v-shadow blur color;
หมายเหตุ: ข้อความคุณสมบัติเงามีการเชื่อมต่อหนึ่งหรือมากกว่าหนึ่งของข้อความเงาทรัพย์สินเป็นเงาที่กำหนดทุกสองหรือสามค่าระยะเวลาและค่าสีตัวเลือกคั่นด้วยเครื่องหมายจุลภาค ที่อยู่ในระบบความยาวของ 0
| ความคุ้มค่า | ลักษณะ |
|---|---|
| H-เงา | จำเป็นต้องใช้ ตำแหน่งของเงาแนวนอน อนุญาตให้เชิงลบ |
| V-เงา | จำเป็นต้องใช้ ตำแหน่งแนวตั้งของเงา อนุญาตให้เชิงลบ |
| เบลอ | ไม่จำเป็น ระยะทางเลือน |
| สี | ไม่จำเป็น สีเงา ดู ค่าสี CSS |
ตัวอย่างเพิ่มเติม
ข้อความเบลอเงา
ตัวอย่างนี้แสดงให้เห็นถึงเบลอเงาข้อความ
ข้อความสีขาวบนเงาข้อความ
ตัวอย่างนี้แสดงให้เห็นถึงเงาข้อความข้อความสีขาว
นีออนเรืองแสงเงาข้อความ
ตัวอย่างนี้แสดงให้เห็นถึงการใช้งานของนีออนเงาข้อความแสง
บทความที่เกี่ยวข้อง
CSS3 กวดวิชา: CSS3 ผลกระทบข้อความ