Thuộc tính kích thước phông chữ CSS được sử dụng để đặt kích thước phông chữ. Chúng tôi có thể chỉ định giá trị theo tỷ lệ phần trăm, đơn vị như pixel, cm, điểm, em, v.v. và từ khóa tuyệt đối. Giá trị tương đối tối đa hóa khả năng tiếp cận. Kích thước phông chữ mặc định là 16px hoặc 12pt.
Cú pháp
Cú pháp của thuộc tính font-size CSS như sau -
Selector {
font-size: /*value*/
} Các ví dụ sau minh họa thuộc tính kích thước phông chữ CSS -
Ví dụ
<!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> Đầu ra
Điều này cho kết quả sau -
Ví dụ
<!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> Đầu ra
Điều này cho kết quả sau -
