Thuộc tính Style fontSize

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

fontSize Thiết lập hoặc trả về kích thước chữ của văn bản.

Xem thêm:

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

Hướng dẫn CSS:Thuộc tính font-size

Hướng dẫn HTML DOM:Thuộc tính font

Mô hình

Ví dụ 1

Đặt kích thước chữ của phần tử <p> thành "xx-large":

document.getElementById("myP").style.fontSize = "xx-large";

Thử nghiệm trực tiếp

Ví dụ 2

Giới thiệu các giá trị có thể:

var listValue = selectTag.options[selectTag.selectedIndex].text;
document.getElementById("myP").style.fontSize = listValue;

Thử nghiệm trực tiếp

Ví dụ 3

Trả về kích thước chữ của phần tử <p>:

alert(document.getElementById("myP").style.fontSize);

Thử nghiệm trực tiếp

Cú pháp

Trả về thuộc tính fontSize:

object.style.fontSize

Đặt thuộc tính fontSize:

object.style.fontSize = "value|initial|inherit"

Giá trị thuộc tính

Giá trị Mô tả
  • xx-small
  • x-small
  • small
  • medium
  • large
  • x-large
  • xx-large
 Đặt kích thước chữ bằng kích thước cố định khác nhau, từ xx-small đến xx-large.
smaller Giảm kích thước chữ bằng đơn vị tương đối.
larger Tăng kích thước chữ bằng đơn vị tương đối.
length Định nghĩa kích thước chữ bằng đơn vị độ dài.
% Đặt kích thước chữ bằng phần trăm kích thước chữ của phần tử cha.
initial Đặt thuộc tính này về giá trị mặc định. Xem thêm initial。
inherit Thừa kế thuộc tính này từ phần tử cha. Xem thêm inherit。

Chi tiết kỹ thuật

Giá trị mặc định: medium
Giá trị trả về: Chuỗi, biểu thị kích thước chữ của văn bản của phần tử.
Phiên bản CSS: CSS1

Hỗ trợ trình duyệt

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ Hỗ trợ