Phông-dãn - Thủ thuật CSS

Anonim

Các font-stretchbất động sản, giới thiệu trong CSS3, chọn một, cô đặc hoặc mở rộng mặt bình thường từ một phông chữ.

Để sử dụng font-stretchvà xem một kết quả nào đó, phông chữ đang được sử dụng phải có mặt khớp với giá trị đã cho. Nói cách khác, font-stretchsẽ không hoạt động trên bất kỳ phông chữ nào, mà chỉ hoạt động trên các phông chữ được thiết kế với các mặt khác nhau phù hợp với kích thước đã xác định.

p ( font-stretch: ultra-condensed; )

font-stretch chấp nhận một trong các giá trị sau:

  • ultra-condensed
  • extra-condensed
  • condensed
  • semi-condensed
  • normal
  • semi-expanded
  • expanded
  • extra-expanded
  • ultra-expanded

Nếu một phông chữ cụ thể không có tất cả các mặt được đại diện, bất kỳ giá trị nào được sử dụng sẽ ánh xạ đến mặt tương đương gần nhất. Các giá trị bình thường hoặc cô đọng sẽ ánh xạ tới một phông chữ hẹp hơn và các giá trị mở rộng sẽ ánh xạ tới một mặt rộng hơn hoặc mặt khác hẹp hơn gần nhất.

Trong các trình duyệt hỗ trợ, font-stretchcó thể được sử dụng như một phần của thuộc tính tốc fontký.

Hỗ trợ trình duyệt

Trình duyệt Chrome Safari Firefox Opera I E Android iOS
không ai không ai 9+ không ai 9+ không ai không ai