ตัวอย่าง
ตั้งค่าความสูงเส้นในร้อยละ:
p.small {
line-height: 90%;
}
p.big {
line-height: 200%;
}
ลองตัวเอง» เพิ่มเติม "Try it Yourself" ตัวอย่างด้านล่าง
ความหมายและการใช้งาน
สถานที่ให้บริการ line-height ระบุความสูงสาย
Note: ค่าลบไม่ได้รับอนุญาต
| ค่าเริ่มต้น: | normal |
|---|---|
| รับการถ่ายทอด: | yes |
| Animatable: | yes. Read about animatable Try it |
| เวอร์ชัน: | CSS1 |
| ไวยากรณ์ javascript: | object .style.lineHeight="30px" Try it |
สนับสนุนเบราว์เซอร์
ตัวเลขในตารางระบุราว์เซอร์รุ่นแรกที่สนับสนุนอย่างเต็มที่ทรัพย์สิน
| คุณสมบัติ | |||||
|---|---|---|---|---|---|
| line-height | 1.0 | 4.0 | 1.0 | 1.0 | 7.0 |
CSS ไวยากรณ์
line-height: normal|number|length|initial|inherit;ค่าทรัพย์สิน
| ความคุ้มค่า | ลักษณะ | เล่น |
|---|---|---|
| normal | ความสูงบรรทัดปกติ นี้จะเริ่มต้น | เล่น " |
| number | ตัวเลขที่จะถูกคูณด้วยขนาดตัวอักษรปัจจุบันการตั้งค่าความสูงสาย | เล่น " |
| length | ความสูงบรรทัดแก้ไขใน PX, PT, ซม. ฯลฯ | เล่น " |
| % | ความสูงบรรทัดในเปอร์เซ็นต์ของขนาดตัวอักษรปัจจุบัน | เล่น " |
| initial | การตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น | เล่น " |
| inherit | สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก |
ตัวอย่างเพิ่มเติม
ตัวอย่าง
ระบุช่องว่างระหว่างบรรทัดในวรรคสองใช้ค่าพิกเซล
p.small {
line-height: 10px;
}
p.big {
line-height: 30px;
} ลองตัวเอง» ตัวอย่าง
ระบุช่องว่างระหว่างบรรทัดในวรรคสองใช้ค่าตัวเลข
p.small {
line-height: 0.5;
}
p.big {
line-height: 2;
} ลองตัวเอง» หน้าเว็บที่เกี่ยวข้อง
กวดวิชา CSS: CSS ข้อความ
อ้างอิง HTML DOM: lineHeight property