Thuộc tính CSS font-size được dùng để thiết lập kích thước chữ. Chúng ta có thể chỉ định giá trị bằng phần trăm, đơn vị như pixel, cm, point, em, v.v. và từ khóa tuyệt đối. Giá trị tương đối tối ưu hóa khả năng truy cập. Kích thước chữ mặc định là 16px hoặc 12pt.
Cú pháp
Cú pháp của thuộc tính CSS font-size như sau:
Selector { font-size: /*giá trị*/ }
Các ví dụ sau minh họa thuộc tính CSS font-size:
Ví dụ 1
<!DOCTYPE html> <html> <head> <style> div { margin: auto; padding: 10px; text-align: center; width: 50%; border: 2px solid; border-radius: 15%; font-size: 1.4em; } </style> </head> <body> <div> one <div>two <div>three</div> </div> </div> </body> </html>
Kết quả
Đoạn mã cho kết quả sau:
Ví dụ 2
<!DOCTYPE html> <html> <head> <style> p { font-size: smaller; } #demo { font-size: initial; } p:last-of-type { font-size: 200%; } </style> </head> <body> <h2>Demo Heading</h2> <p>This is demo text 1.</p> <p id="demo">This is demo text 2. </p> <p>This is demo text 3.</p> </body> </html>
Kết quả
Đoạn mã cho kết quả sau:
