CSS initial-letter ทางแบบ

คำอธิบายและการใช้งาน

initial-letter คุณสมบัติกำหนดขนาดของตัวอักษรในช่วงแรก และทางเลือกที่จะกำหนดจำนวนบรรทัดที่ตัวอักษรควรลงหลัง (ในข้อความ)

คุณสมบัตินี้มีผลต่อ :first-letter องค์ประกอบเพลิงและองค์ประกอบบล็อคที่เป็นชาติของตัวอักษรแรก

ตัวอย่าง

แสดงตัวอักษรในขนาดต่างกัน:

.normal::first-letter {
  -webkit-initial-letter: normal;
  initial-letter: normal;
}
.two::first-letter {
  -webkit-initial-letter: 2;
  initial-letter: 2; /* ตัวอักษรในช่วงแรกของตัวอักษรยับยัด 2 บรรทัด */
}
.four::first-letter {
  -webkit-initial-letter: 4;
  initial-letter: 4; /* ตัวอักษรในช่วงแรกของตัวอักษรยับยัด 4 บรรทัด */
}
.four2::first-letter {
  -webkit-initial-letter: 4 2;
  initial-letter: 4 2; /* ตัวอักษรในช่วงแรกของตัวอักษรยับยัด 4 บรรทัดและลงหลัง 2 บรรทัด */
}

ลองเอง

CSS ภาษา

initial-letter: normal|number|integer;

ค่าของคุณสมบัติ

ค่า คำอธิบาย
normal ค่าเริ่มต้น。ไม่มีผลกระทบ。ข้อความแสดงขึ้นตามปกติ
number ตั้งค่าขนาดของตัวอักษรในช่วงแรก (จำนวนบรรทัดที่ตัวอักษรควรข้าม)
integer เลือกตั้ง。ตั้งค่าจำนวนบรรทัดที่ต้องการให้ตัวอักษรในช่วงแรกของบรรทัดลงหลัง (ในข้อความ)

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

ค่าเริ่มต้น: normal
การสืบทอด: ไม่
การสร้างอนุการ์: ไม่สนับสนุน。ดู:คุณสมบัติที่เกี่ยวกับอนุการ์.
รุ่น: CSS3

การสนับสนุนของเบราเซอร์

ตัวเลขในตารางกำหนดสตางค์ของเบราเซอร์ที่สนับสนุนคุณสมบัตินี้อย่างเต็มที่

ตัวเลขหลังจาก -webkit- กำหนดสตางค์ของการทำงานที่สำเร็จแรก

Chrome Edge Firefox Safari Opera
110.0 110.0 ไม่สนับสนุน 9.0 -webkit- 96.0