Thuộc tính font-stretch trong CSS

Định nghĩa và cách sử dụng

Thuộc tính font-stretch có thể thay đổi hình dạng co giãn của font-family hiện tại.

Xem thêm:

Giáo trình CSS:CSS Phông chữ

Hướng dẫn tham khảo CSS:Thuộc tính font trong CSS

Hướng dẫn tham khảo HTML DOM:Thuộc tính fontStretch

Mô hình

Đặt thuộc tính font-stretch của phần tử HTML:

h1
  {
  font-stretch:ultra-condensed;
  }

Cú pháp CSS

font-stretch: ultra-condensed|extra-condensed|condensed|semi-condensed|normal|semi-expanded|expanded|extra-expanded|ultra-expanded|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
normal Giá trị mặc định. Đặt tỷ lệ phóng thành tiêu chuẩn.
rộng hơn Đặt tỷ lệ mở rộng thành giá trị mở rộng thêm.
hẹp hơn Đặt tỷ lệ co lại thành giá trị co lại thêm.
  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded

Đặt tỷ lệ phóng của font-family.

"ultra-condensed" là giá trị rộng nhất, trong khi "ultra-expanded" là giá trị hẹp nhất.

Chi tiết kỹ thuật

Giá trị mặc định: normal
Kế thừa: yes
Phiên bản: CSS2
Cú pháp JavaScript: object.style.fontStretch="ultra-expanded"

Hỗ trợ trình duyệt

Số trong bảng cho biết phiên bản trình duyệt đầu tiên hỗ trợ đầy đủ thuộc tính này.

Chrome IE / Edge Firefox Safari Opera
48.0 9.0 9.0 11.0 35.0