CSS text-justify รายการ

คำนิยามและวิธีใช้

อัตราะบาท text-justify กำหนดวิธีการจัดระเบียงของข้อความเมื่อตัวเลือก text-align ตั้งเป็น "justify"

อัตราะบาทนี้กำหนดวิธีการจัดระเบียงและแบ่งช่องว่างของข้อความแบบบรรยาย

ตัวอย่าง

การเปลี่ยนช่องว่างระหว่างคำของการจัดระเบียงตามแถว:

div
{
text-align:justify;
text-justify:inter-word;
}

ทดลองด้วยตัวเอง

ภาษา CSS

text-justify: auto|inter-word|inter-ideograph|inter-cluster|distribute|kashida|trim;

ค่าของอัตราะบาท

ค่า รายละเอียด การทดสอบ
auto เบราเซอร์จะตัดสินการจัดระเบียงแบบท้ายตามแถว การทดสอบ
none ปิดการจัดระเบียงแบบท้ายตามแถว การทดสอบ
inter-word เพิ่มหรือลดช่องว่างระหว่างคำ การทดสอบ
inter-ideograph จัดระเบียงเนื้อหาด้วยตัวอักษรที่มีความหมาย การทดสอบ
inter-cluster จัดระเบียงเฉพาะเนื้อหาที่ไม่มีช่องว่างระหว่างคำ (เช่น ภาษาอาเซียน) การทดสอบ
distribute เหมือนด้วยหน้าตารางหนังสือพิมพ์ ยกเว้นที่ในสายท้ายของภาษาอาเซียนไม่มีการจัดระเบียง การทดสอบ
kashida การจัดระเบียงเนื้อหาด้วยการขยายตัวอักษร การทดสอบ

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

ค่าเริ่มต้น: auto
การสืบทอด: yes
เวอร์ชัน: CSS3
JavaScript ภาษาไทย: object.style.textJustify="inter-word"

การสนับสนุนของเบราเซอร์

ตัวเลขในตารางระบุอุปกรณ์แรกที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่

Chrome IE / Edge Firefox Safari Opera
สนับสนุน * 11.0 55.0 10.0.3 สนับสนุน *

* ฟังก์ชันนี้ตั้งอยู่ในตัวเลือก