คุณสมบัติ style fontSize

การใช้งานและการกำหนด

fontSize ตั้งค่าหรือคืนค่าขนาดตัวอักษรของข้อความ

ดูเพิ่มเติม:

สอน CSSCSS ตัวอักษร

คู่มือ CSSคุณสมบัติ font-size

คู่มือ HTML DOMคุณสมบัติ font

ตัวอย่าง

ตัวอย่าง 1

ตั้งค่าขนาดตัวอักษรของ <p> อิเล็กทรอนิกส์เป็น "xx-large":

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

ทดลองด้วยตัวเอง

ตัวอย่าง 2

แสดงตัวอย่างของค่าที่เป็นไปได้:

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

ทดลองด้วยตัวเอง

ตัวอย่าง 3

คืนค่าขนาดตัวอักษรของ <p> อิเล็กทรอนิกส์:

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

ทดลองด้วยตัวเอง

รูปแบบ

คืนค่าคุณสมบัติ fontSize:

object.style.fontSize

ตั้งค่าคุณสมบัติ fontSize:

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

ค่าคุณสมบัติ

ค่า คำอธิบาย
  • xx-small
  • x-small
  • small
  • medium
  • large
  • x-large
  • xx-large
 ตั้งค่าขนาดตัวอักษรเป็นขนาดตัวอักษรต่างๆ ที่แน่นอน จาก xx-small ถึง xx-large
smaller ลดขนาดตัวอักษรด้วยหน่วยความยาวเชิงสัมพันธ์
larger เพิ่มขนาดตัวอักษรด้วยหน่วยความยาวเชิงสัมพันธ์
length กำหนดขนาดตัวอักษรด้วยหน่วยความยาว
% ตั้งค่าขนาดตัวอักษรเป็นเปอร์เซ็นต์ของขนาดตัวอักษรขององค์ประกอบพ่อ
initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้นของเธอ。ดู initial。
inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบพ่อของเธอ。ดู inherit。

รายละเอียดเทคนิค

ค่าเริ่มต้น: medium
ค่าที่คืนค่า: ตัวเลขแสดงขนาดของตัวอักษรของสมาชิก
CSS รุ่น: CSS1

การสนับสนุนโปรแกรมนีเวอร์

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
สนับสนุน สนับสนุน สนับสนุน สนับสนุน สนับสนุน