CSS Text Spacing
เยื้องข้อความ
คุณสมบัติtext-indent
ใช้เพื่อระบุการเยื้องของบรรทัดแรกของข้อความ:
ตัวอย่าง
p {
text-indent: 50px;
}
การเว้นวรรคจดหมาย
คุณสมบัติletter-spacing
นี้ใช้เพื่อระบุช่องว่างระหว่างอักขระในข้อความ
ตัวอย่างต่อไปนี้สาธิตวิธีการเพิ่มหรือลดช่องว่างระหว่างอักขระ:
ตัวอย่าง
h1 {
letter-spacing: 5px;
}
h2 {
letter-spacing: -2px;
}
ความสูงของเส้น
คุณสมบัติline-height
ใช้เพื่อระบุช่องว่างระหว่างบรรทัด:
ตัวอย่าง
p.small {
line-height: 0.8;
}
p.big {
line-height: 1.8;
}
การเว้นวรรคคำ
คุณสมบัติword-spacing
นี้ใช้เพื่อระบุช่องว่างระหว่างคำในข้อความ
ตัวอย่างต่อไปนี้สาธิตวิธีการเพิ่มหรือลดช่องว่างระหว่างคำ:
ตัวอย่าง
p.one {
word-spacing: 10px;
}
p.two {
word-spacing: -2px;
}
พื้นที่สีขาว
คุณสมบัติwhite-space
ระบุวิธีจัดการพื้นที่สีขาวภายในองค์ประกอบ
ตัวอย่างนี้สาธิตวิธีปิดใช้งานการตัดข้อความภายในองค์ประกอบ:
ตัวอย่าง
p {
white-space: nowrap;
}