CSS letter-spacing คุณสมบัติ
- หน้าที่แล้ว ซ้าย
- หน้าต่อไป line-height
การกำหนดและการใช้งาน
คุณสมบัติ letter-spacing ที่เพิ่มหรือลดช่องว่างระหว่างตัวอักษร (ระยะห่างตัวอักษร)
คุณสมบัตินี้กำหนดว่าจะใส่ความเป็นช่องว่างเท่าไหร่ระหว่างตัวอักษรของข้อความ ตั้งแต่ว่าตัวอักษรที่มีขนาดที่แท้จริงมักเล็กกว่าตัวกล่องของตัวอักษร จึงจะปรับความเป็นช่องว่างระหว่างตัวอักษรที่เป็นปกติเมื่อกำหนดค่าขนาด ดังนั้น normal จึงเท่ากับค่า 0
หมายเหตุ:อนุญาตให้ใช้ค่าลบ ซึ่งจะทำให้ตัวอักษรเข้ากันเรียบร้อย
ดูเพิ่มเติมที่:
ตัวอย่าง CSS:CSS ข้อความ
คู่มืออ้างอิง HTML DOM:คุณสมบัติ letterSpacing
ตัวอย่าง
กำหนดระยะห่างตัวอักษรขององค์ประกอบ h1 และ h2:
h1 {letter-spacing:2px;}
h2 {letter-spacing:-3px;}
ระบบการเขียน CSS
letter-spacing: normal|length|initial|inherit;
ค่าของคุณสมบัติ
| ค่า | คำอธิบาย |
|---|---|
| normal | ค่าเริ่มต้น |
| length | กำหนดช่องว่างระหว่างตัวอักษรที่เป็นค่าคงที่ (อนุญาตให้ใช้ค่าลบ) |
| inherit | กำหนดให้มีค่าจากตัวปลูกของระบุค่าของคุณสมบัติ letter-spacing |
รายละเอียดเทคนิค
| ค่าเริ่มต้น: | normal |
|---|---|
| การสืบทอด: | yes |
| เวอร์ชั่น: | CSS1 |
| ระบบการเขียน JavaScript: | object.style.letterSpacing="3px" |
ตัวอย่างเพิ่มเติม
- กำหนดระยะห่างตัวอักษร (ระยะห่างตัวอักษร)
- ตัวอย่างนี้แสดงว่าจะเพิ่มหรือลดระยะห่างตัวอักษร
การสนับสนุนโดยบราวเซอร์
ตัวเลขในตารางระบุว่าบราวเซอร์แรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 4.0 | 1.0 | 1.0 | 3.5 |
- หน้าที่แล้ว ซ้าย
- หน้าต่อไป line-height
