เงาข้อความ CSS

เงาสะท้อนข้อความ

text-shadow แอตทริบิวต์เพิ่มเงาสะท้อนสำหรับข้อความ。

ทางใช้งานที่เรียบง่ายที่สุดคือ ตั้งค่าเงาน้ำตายระดับนอก (2px) และระดับใน (2px):

ข้อความเงาสะท้อน!

ตัวอย่าง

h1 {
  text-shadow: 2px 2px;
}

ลองเดี๋ยวเอง

ต่อมา ส่งผลลัพธ์ให้เงาสะท้อนมีสี (สีแดง):

ข้อความเงาสะท้อน!

ตัวอย่าง

h1 {
  text-shadow: 2px 2px red;
}

ลองเดี๋ยวเอง

หลังจากนั้น ส่งผลลัพธ์ให้เงาสะท้อนมีเมาว์ (5px):

ข้อความเงาสะท้อน!

ตัวอย่าง

h1 {
  text-shadow: 2px 2px 5px red;
}

ลองเดี๋ยวเอง

คำแนะนำโปรดเข้าเว็บไซต์ ฟอนต์ CSS บทที่ 1 รู้จักวิธีที่จะเปลี่ยนตัวอักษร ขนาดข้อความ และรูปแบบข้อความ

คำแนะนำโปรดเข้าเว็บไซต์ เอฟเฟคต์ข้อความ CSS บทที่ 1 รู้จักวิธีที่จะประกอบข้อความต่าง ๆ

ทั้งหมด CSS แอตทริบิวต์ข้อความ

แอตทริบิวต์ บรรยาย
color ตั้งค่าสีของข้อความ。
direction ระบุมุมมอง/มุมการเขียนของข้อความ。
letter-spacing ตั้งค่าระยะห่างระหว่างตัวอักษร。
line-height ตั้งค่าความสูงของบรรยายข้อความ。
text-align ระบุวิธีการจัดลำดับตัวอักษรนอนไปข้างหลังของข้อความ。
text-decoration ระบุรูปแบบดอกเทศเข้าไปในข้อความ。
text-indent ระบุระยะห่างของบรรทัดของบรรยายข้อความที่แรก。
text-shadow ระบุวิธีที่จะใส่เงาสะท้อนเข้าไปในข้อความ。
text-transform ควบคุมรูปแบบตัวอักษรในข้อความ。
text-overflow ระบุวิธีการแสดงข้อความที่เกินความยาวที่แสดงออกมา。
unicode-bidi ใช้ร่วมกับตัวแปร direction ตั้งหรือกลับค่าเพื่อรีเร็คให้กับข้อความที่ต้องการรับรองหลายภาษาในเอกสารเดียวกัน。
vertical-align ระบุวิธีการจัดลำดับตัวอักษรตั้งตรงของข้อความ。
white-space ระบุวิธีการจัดการช่องว่างด้านในองค์ประกอบ。
word-spacing word-spacing