Thuộc tính font-size-adjust của 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 của font đượ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 của nó 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 Font

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

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

Ví dụ

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

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

Thử nghiệm trực tiếp

Cú pháp CSS

font-size-adjust: number|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.
number

Đị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) 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"

TIY (Try It Yourself)

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 font-size-adjust để thiết lập kích thước chữ.

Hỗ trợ trình duyệt

Số trong bảng chỉ ra 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ợ