CSS ความหลากหลายfont-size
- หน้าที่แล้ว @font-palette-values
- หน้าต่อไป font-size-adjust
การระบุและการใช้งาน
คุณสมบัติ font-size สามารถตั้งค่าขนาดของแบบอักษรได้
คำอธิบาย
คุณสมบัตินี้กำหนดขนาดของแบบอักษรขององค์ประกอบ โดยเฉพาะขนาดของต่อรูปของตัวอักษร อาจจะสูงกว่าหรือต่ำกว่าต่อรูปของตัวอักษรที่มีขนาดเดียวกัน (โดยทั่วไปแล้วจะต่ำกว่า)
ความยาวของตัวอักษรตัวเดียวต้องยาวกว่าตัวอักษรในตัวอักษรขนาดเล็กที่สุดและเล็กกว่าตัวอักษรในตัวอักษรขนาดใหญ่ที่สุด
ดูเพิ่มเติมที่:
คู่มือ CSSCSS ตัวอักษร
คู่มืออ้างอิง CSSCSS ความหลากหลายfont
คู่มืออ้างอิง HTML DOMคุณสมบัติ fontSize
ตัวอย่าง
ตั้งค่าขนาดของ HTML อิเลเมนต์ต่าง ๆ
h1 {font-size:250%;}
h2 {font-size:200%;}
p {font-size:100%;}
ระบบเขียน CSS
font-size:medium|xx-small|x-small|small|large|x-large|xx-large|smaller|larger|length|initial|inherit;
ค่าของอัตราะดับ
| ค่า | คำอธิบาย |
|---|---|
|
ตั้งค่าขนาดของแบบอักษรให้เป็นขนาดต่าง ๆ จาก xx-small ถึง xx-large ค่าเริ่มต้น: medium |
| smaller | ตั้งค่า font-size ให้เล็กกว่าองค์ประกอบพ่อ |
| larger | ตั้งค่า font-size ให้ใหญ่กว่าองค์ประกอบพ่อ |
| length | ตั้งค่า font-size ให้เป็นค่าคงที่ |
| % | ตั้งค่า font-size ให้เป็นร้อยละขององค์ประกอบพ่อ |
| inherit | กำหนดให้ต้องมีการสืบทอดขนาดของแบบอักษรจากองค์ประกอบพ่อ |
รายละเอียดเทคนิค
| ค่าเริ่มต้น: | medium |
|---|---|
| นิยมนำมาต่อ: | yes |
| เวอร์ชั่น: | CSS1 |
| JavaScript ระบบเขียน: | object.style.fontSize="larger" |
TIY ตัวอย่าง
- ตั้งค่าขนาดของแบบอักษร
- ตัวอย่างการตั้งค่าขนาดของแบบอักษร
การสนับสนุนโดยเบราเซอร์
ตัวเลขในตารางบอกว่าสำหรับการสนับสนุนคุณสมบัตินี้ อุปกรณ์เบราเซอร์แรกที่สนับสนุนได้ถูกใช้
| Chrome | IE / Edge | Firefox | Safari | Opera |
|---|---|---|---|---|
| 1.0 | 5.5 | 1.0 | 1.0 | 7.0 |
- หน้าที่แล้ว @font-palette-values
- หน้าต่อไป font-size-adjust
