Thuộc tính font-size của CSS

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

Thuộc tính font-size có thể thiết lập kích thước font.

Giải thích

Thuộc tính này thiết lập kích thước font của phần tử. Lưu ý rằng nó thực sự thiết lập chiều cao của khung ký tự trong font; hình ảnh thực tế của ký tự có thể cao hơn hoặc thấp hơn các khung này (thường thấp hơn).

Các từ khóa phải có kích thước font lớn hơn từ khóa nhỏ nhất tương ứng và nhỏ hơn từ khóa lớn nhất tương ứng.

Xem thêm:

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

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 fontSize

Ví dụ

Thiết lập kích thước cho các thẻ HTML khác nhau:

h1 {font-size:250%;}
h2 {font-size:200%;}
p {font-size:100%;}

Thử trực tiếp

Ngữ pháp CSS

font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|length|initial|inherit;

Giá trị thuộc tính

Giá trị Mô tả
  • xx-small
  • x-small
  • small
  • medium
  • large
  • x-large
  • xx-large

Thiết lập kích thước font thành các kích thước khác nhau từ xx-small đến xx-large.

Giá trị mặc định: medium.
smaller Đặt font-size thành kích thước nhỏ hơn phần tử cha.
larger Đặt font-size thành kích thước lớn hơn phần tử cha.
length Đặt font-size thành một giá trị cố định.
% Đặt font-size thành một phần trăm dựa trên phần tử cha.
inherit Định nghĩa rằng kích thước font nên kế thừa từ phần tử cha.

Chi tiết kỹ thuật

Giá trị mặc định: medium
Kế thừa: yes
Phiên bản: CSS1
Ngữ pháp JavaScript: object.style.fontSize="larger"

Thử trực tiếp

Thiết lập kích thước font
Ví dụ này minh họa cách thiết lập kích thước font.

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
1.0 5.5 1.0 1.0 7.0