Thuộc tính font-variant

Thuộc tính font-variant cho phép biến các chữ thường thành chữ IN HOA, nhưng có kích thước nhỏ. Kiểu chữ này được gọi là chữ hoa nhỏ (small caps).

Cú pháp

cssbộ_chọn {
  font-variant: small-caps | normal;
}

Giá trị	Mô tả
`small-caps`	Biến các chữ thường thành chữ in hoa có kích thước nhỏ.
`normal`	Hủy bỏ tác dụng của `small-caps`. Thường cần thiết trong trường hợp bạn muốn tắt kiểu chữ hoa nhỏ cho một đoạn văn bản cụ thể (ví dụ: tất cả các đoạn văn đều dùng chữ hoa nhỏ, trừ đoạn này).

Giá trị mặc định: normal.

Trong ví dụ này, các chữ cái sẽ trở thành chữ in hoa, nhưng có kích thước nhỏ:

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  font-variant: small-caps;
}

Результат:

Hãy so sánh ví dụ trước (chữ hoa nhỏ), với văn bản được viết bằng chữ in hoa thông thường:

html<p>
  LOREM IPSUM DOLOR SIT AMET.
</p>

Результат:

Và bây giờ sẽ là văn bản bình thường:

html<p>
  Lorem ipsum dolor sit amet.
</p>

cssp {
  font-variant: normal;
}

Результат: