คุณสมบัติ Style orphans

การระบุและวิธีใช้

orphans คุณสมบัตินี้ตั้งค่าหรือกลับค่าตัวเลขของบรรยายที่เห็นได้ที่ด้านล่างของหน้าเว็บ (ใช้สำหรับการพิมพ์หรือการแสดงก่อนพิมพ์)

orphans คุณสมบัตินี้มีผลบนองค์ประกอบระดับบล็อคเท่านั้น

คำแนะนำ:orphans:5 ระบุว่าต้องมีบรรยายที่ด้านบนของตัวหมายเหตุแบบเพจต้องมีอย่างน้อย 5 บรรยายที่เห็นได้

คำแนะนำ:ดูรายละเอียด คุณสมบัติ widows เพื่อตั้งค่าหรือกลับค่าจำนวนบรรทัดที่ควรมีความเห็นได้ที่ด้านบนของหน้าเว็บ

ตัวอย่าง

เปลี่ยน orphans และตรวจสอบการพิมพ์หรือตัวอย่างการพิมพ์:

<html>
<head>
<script>
function ChangeOrphans() {
  document.getElementById("p1").style.orphans = document.getElementById("orphans").value;
}
</script>
<style>
.othercontent {
  width: 400px;
  border-top: 19cm solid #c3c3c3;
}
@page {
  /* ตั้งค่าขนาดของหน้าที่พิมพ์ */
  size:21cm 27cm;
  margin-top:2cm;
}
@media print {
  .orphans {
    orphans:2;
  }
}
</style>
</head>
<body>
<div class="othercontent">
<input id="orphans" value="2">
<button onclick="ChangeOrphans();">เปลี่ยน orphans</button>
<p style="font-size:120%" id="p1">
เปลี่ยน orphans และดูตัวอย่างการพิมพ์ก่อนพิมพ์<br>
บรรทัด 2<br>
บรรทัด 3<br>
บรรทัด 4<br>
บรรทัด 5<br>
บรรทัด 6<br>
บรรทัด 7<br>
บรรทัด 8<br>
</p>
</body>
</html>

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

ภาษาเรียกใช้

กลับค่าคุณสมบัติ orphans:

object.style.orphans

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

object.style.orphans = "number|initial|inherit"

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

ค่า รายละเอียด
number ตัวเลข กำหนดจำนวนบรรทัดที่มีความเห็นได้เป็นน้อยที่สุด ไม่อนุญาตให้ใช้ค่าลบ ค่าเริ่มต้นคือ 2
initial จัดตั้งคุณสมบัตินี้เป็นค่าเริ่มต้นของมัน โดยเฉพาะอย่างยิ่งจากคุณสมบัติต้น initial。
inherit ทำให้คุณสามารถที่จะทบทวนรายละเอียดของอัตรายนั้น โดยเฉพาะอย่างยิ่งจากตัวปลายทางขององค์ประกอบต้น inherit。

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

ค่าเริ่มต้น: 2
ค่าที่กลับมา: ตัวแปรสตริง ที่แสดงจำนวนบรรทัดที่ต้องการพิมพ์ที่ด้านล่างของหน้าเว็บ
CSS สัญญาณ: CSS2

เบราเซอร์สนับสนุน

ตัวเลขในตารางนี้ระบุว่าเวอร์ชั่นบราวเซอร์ที่สนับสนุนองค์ประกอบนี้ครบถ้วน

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
25.0 8.0 ไม่สนับสนุน 3.1 10.0