<relative-size>

Cú pháp

<relative-size> = smaller | larger

Giá trị

Kiểu dữ liệu <relative-size> được xác định bằng một giá trị từ khóa được chọn từ danh sách bên dưới.

smaller

Kích thước tương đối nhỏ hơn một bậc so với kích thước được kế thừa.

larger

Kích thước tương đối lớn hơn một bậc so với kích thước được kế thừa.

Mô tả

Các từ khóa <relative-size> là tương đối so với kích thước hiện tại của phần tử. Nếu kích thước được kế thừa được xác định bằng từ khóa <absolute-size>, giá trị <relative-size> tương đương với kích thước liền kề trong bảng <absolute-size>. Nếu không, mức tăng hoặc giảm kích thước tương đối nằm trong khoảng từ 120% đến 150%.

Ví dụ

So sánh các giá trị từ khóa

<ul>
  <li class="smaller">font-size: smaller;</li>
  <li>font-size không được chỉ định</li>
  <li class="larger">font-size: larger;</li>
</ul>

li {
  margin-bottom: 0.3em;
}
.smaller {
  font-size: smaller;
}
.larger {
  font-size: larger;
}

Kết quả

Thông số kỹ thuật

Xem thêm

• Kiểu dữ liệu CSS <absolute-size>
• Thuộc tính CSS font và font-size
• Module CSS fonts