Chiều cao của một dòng có thể được định nghĩa bằng thuộc tính line-height trong CSS. Nó chỉ chấp nhận giá trị dương.
Cú pháp
Cú pháp của thuộc tính CSS line-height như sau:
Selector { line-height: /*giá trị*/ }
Ví dụ
Các ví dụ sau minh họa thuộc tính CSS line-height:
<!DOCTYPE html> <html> <head> <style> div * { margin: 1.5em; box-shadow: -13px -10px 10px 1px crimson; } #demo { line-height: 60%; } p { box-shadow: 13px -10px 10px 1px grey; line-height: 50px; } </style> </head> <body> <h2>Tiêu đề Demo</h2> <div> <p>Đây là văn bản demo một.</p> <div>Đây là văn bản demo hai.</div> <div id="demo">Đây là văn bản demo ba.</div> </div> </body> </html>
Kết quả
Đoạn mã trên cho kết quả sau:
Ví dụ khác
<!DOCTYPE html> <html> <head> <style> div * { margin: auto; padding: 3em; } p { height: 100px; width: 100px; border: thin solid; border-radius: 50%; box-shadow: 0 20px 10px 1px grey; line-height: 0.6; } </style> </head> <body> <h2>C# là gì?</h2> <div> <p>C# là ngôn ngữ kiểu mạnh. Mọi biến và hằng số đều có kiểu, như mọi biểu thức ước lượng ra một giá trị.</p> </div> </body> </html>
Kết quả
Đoạn mã trên cho kết quả sau:
