Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> CSS

CSS line-height Property - กำหนดความสูงบรรทัด

คุณสมบัติ line-height ใช้กำหนดความสูงของบรรทัดข้อความ ค่าเป็นตัวเลข, ความยาว, หรือเปอร์เซ็นต์

ตัวอย่าง

<html>
<head></head>
<body>
    <p style="width:300px; height:100px; border:2px solid green; padding:5px; margin:10px; line-height:30px;">
        This paragraph is 300 pixels wide and 100 pixels high and here line height is 30 pixels.
    </p>
</body>
</html>

เคล็ดลับ: ใช้ค่าเป็นตัวเลขไม่มีหน่วย (เช่น 1.5) จะคำนวณจาก font-size ของ Element นั้น ให้ระยะห่างบรรทัดสัมพันธ์กับขนาดฟอนต์