คุณสมบัติขนาดฟอนต์ CSS ใช้เพื่อกำหนดขนาดของฟอนต์ เราสามารถระบุค่าเป็นเปอร์เซ็นต์ หน่วย เช่น พิกเซล ซม. จุด em ฯลฯ และคีย์เวิร์ดแบบสัมบูรณ์ ค่าสัมพัทธ์เพิ่มการเข้าถึงสูงสุด ขนาดตัวอักษรเริ่มต้นคือ 16px หรือ 12pt.
ไวยากรณ์
ไวยากรณ์ของคุณสมบัติขนาดแบบอักษร CSS มีดังต่อไปนี้ -
Selector {
font-size: /*value*/
} ตัวอย่างต่อไปนี้แสดงให้เห็นถึงคุณสมบัติขนาดตัวอักษร CSS -
ตัวอย่าง
<!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> ผลลัพธ์
สิ่งนี้ให้ผลลัพธ์ต่อไปนี้ -
ตัวอย่าง
<!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> ผลลัพธ์
สิ่งนี้ให้ผลลัพธ์ต่อไปนี้ -
