CSS hyphens 属性
- ข้างหน้า height
- หน้าต่อไป hyphenate-character
การระบุและการใช้งาน
คุณสมบัติ hyphens กำหนดว่าควรอนุญาตให้ใช้ลูกเลขเพื่อสร้างโอกาสการเปลี่ยนบรรทัดอัตโนมัติในข้อความ
ตัวอย่าง
ตั้งค่าลูกเลขต่างกัน
div.a {
-webkit-hyphens: none;
-ms-hyphens: none;
hyphens: none;
}
div.b {
-webkit-hyphens: manual;
-ms-hyphens: manual;
hyphens: manual;
}
div.c {
-webkit-hyphens: auto;
-ms-hyphens: auto;
hyphens: auto;
}
CSS ภาษา
hyphens: none|manual|auto|initial|inherit;
ค่าคุณสมบัติ
| ค่า | คำอธิบาย |
|---|---|
| none | คำไม่มีลูกเลข (ไม่มีการแยกบรรทัด) |
| manual | ค่าเริ่มต้น คำจะมีลูกเลขที่ ‐ หรือ (ถ้าจำเป็น) |
| auto | ใส่คำต่อเนื่องด้วยลูกเลขที่ในตำแหน่งที่มีการตัดสินโดยอัลกอริทึม (ถ้าจำเป็น) |
| initial | ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น ดู: initial. |
| inherit | สืบทอดคุณสมบัตินี้จากตัวปลายตัวพ่อของเธอ ดู: inherit. |
รายละเอียดเทคนิค
| ค่าเริ่มต้น: | manual |
|---|---|
| เป็นรูปแบบที่สืบทอด: | ใช่ |
| การสร้างอนุทาน: | ไม่สนับสนุน โปรดดู:คุณสมบัติที่เกี่ยวกับอนุทาน. |
| เวอร์ชั่น: | CSS3 |
| เขียนโค้ด JavaScript: | object.style.hyphens="none" |
การสนับสนุนโดยบราวเซอร์
ตัวเลขในตารางระบุเวอร์ชั่นบราวเซอร์ที่สนับสนุนคุณสมบัตินี้ครบถ้วน
ตัวเลขที่มี -webkit- หรือ -ms- แสดงว่าใช้เครื่องหมายหน้าตัวอักษรในสมรรถนะแรก
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 55.0 | 79.0 10.0 -ms- |
43.0 | 5.1 -webkit- | 44.0 |
- ข้างหน้า height
- หน้าต่อไป hyphenate-character
