CSS ระยะทางข้อความ

เรียงของข้อความ

text-indent attribute ใช้เพื่อกำหนดการเรียงของบรรทัดแรกของข้อความ:

ตัวอย่าง

p {
  text-indent: 50px;
}

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

ระยะห่างตัวอักษร

letter-spacing attribute ใช้เพื่อกำหนดระยะห่างระหว่างตัวอักษรในข้อความ。

ตัวอย่างดังต่อไปนี้แสดงวิธีการเพิ่มหรือลดระยะห่างระหว่างตัวอักษร:

ตัวอย่าง

h1 {
  letter-spacing: 3px;
}
h2 {
  letter-spacing: -3px;
}

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

ระยะห่างบรรยาย

line-height คุณสมบัตินี้ใช้เพื่อกำหนดระยะห่างระหว่างบรรยาย

ตัวอย่าง

p.small {
  line-height: 0.8;
}
p.big {
  line-height: 1.8;
}

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

ระยะห่างระหว่างคำ

word-spacing คุณสมบัตินี้ใช้เพื่อกำหนดระยะห่างระหว่างคำในข้อความ

ตัวอย่างดังนี้แสดงว่าวิธีเพื่อเพิ่มหรือลดระยะห่างระหว่างคำ

ตัวอย่าง

h1 {
  word-spacing: 10px;
}
h2 {
  word-spacing: -5px;
}

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

ช่องว่าง

white-space คุณสมบัตินี้กำหนดวิธีการประมวลผลช่องว่างภายในตัวองค์ประกอบ

ตัวอย่างนี้แสดงว่าวิธีเพื่อปิดการเปลี่ยนแปลงบรรยายในตัวองค์ประกอบ

ตัวอย่าง

p {
  white-space: nowrap;
}

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