Thuộc tính font-size-adjust trong CSS

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

Thuộc tính font-size-adjust quy định một giá trị aspect cho một phần tử, từ đó có thể duy trì x-height của font首选.

Giải thích

Chiều cao của chữ cái nhỏ 'x' trong font và chiều cao của font-size được gọi là giá trị aspect của font. Khi font có giá trị aspect cao, thì khi font được đặt ở kích thước rất nhỏ, nó sẽ dễ đọc hơn. Ví dụ: Giá trị aspect của Verdana là 0.58 (nghĩa là khi kích thước font là 100px, x-height là 58px). Giá trị aspect của Times New Roman là 0.46. Điều này có nghĩa là Verdana dễ đọc hơn Times New Roman ở kích thước nhỏ.

Xem thêm:

Hướng dẫn CSS:CSS Phông chữ

Tài liệu tham khảo CSS:Thuộc tính font trong CSS

Tài liệu tham khảo HTML DOM:Thuộc tính fontSizeAdjust

Ví dụ

Thiết lập thuộc tính font-size-adjust của các thẻ HTML khác nhau:

h1
  {
  font-size-adjust:0.58;
  }
p
  {
  font-size-adjust:0.60;
  }

Thử trực tiếp

Cú pháp CSS

font-size-adjust: số|none|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
none Mặc định. Nếu font này không có sẵn, thì không giữ lại x-height của font này.
số

Định nghĩa tỷ lệ aspect giá trị của font.

Công thức có thể sử dụng:

Kích thước font của font首选 * (giá trị font-size-adjust / aspect giá trị của font có sẵn) = kích thước font có thể áp dụng cho font có sẵn

Ví dụ:

Nếu Verdana (aspect giá trị là 0.58) với kích thước 14px không có sẵn, nhưng một font có sẵn có aspect giá trị là 0.46, thì kích thước của font thay thế sẽ là 14 * (0.58/0.46) = 17.65px.

Chi tiết kỹ thuật

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

Thử trực tiếp

Sử dụng font-size-adjust để thiết lập kích thước chữ
Ví dụ này minh họa cách sử dụng thuộc tính font-size-adjust để thiết lập kích thước chữ.

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
không hỗ trợ không hỗ trợ 3.0 không hỗ trợ không hỗ trợ