ตัวอย่าง
เปลี่ยนแม่ม่ายและตรวจสอบตัวอย่างก่อนพิมพ์หรือพิมพ์:
<html>
<head>
<script>
function ChangeWidows()
{
document.getElementById("p1").style.widows = document.getElementById("widows").value;
}
</script>
<style>
.othercontent
{
width: 400px;
border-top: 19cm solid #c3c3c3;
}
@page
{
/* set size of printed page */
size: 21cm 27cm;
margin-top: 2cm;
}
@media print
{
.widows
{
widows:2;
}
}
</style>
</head>
<body>
<div class="othercontent">
<input id="widows" value="2">
<button onclick="ChangeWidows();">Change widows</button>
<p style="font-size:120%" id="p1">
Change widows and see the print preview.<br>
Line 2<br>
Line 3<br>
Line 4<br>
Line 5<br>
Line 6<br>
Line 7<br>
Line 8<br>
</p>
<div class="othercontent">
</body>
</html> ลองตัวเอง» ความหมายและการใช้งาน
ชุดแม่ม่ายทรัพย์สินหรือผลตอบแทนจำนวนขั้นต่ำของสายสำหรับองค์ประกอบที่จะต้องสามารถมองเห็นได้ที่ด้านบนของหน้าเว็บ (for printing or print preview)
สถานที่ให้บริการแม่ม่ายจะมีผลต่อองค์ประกอบระดับบล็อก
Tip: แม่ม่าย: 5 หมายความว่าอย่างน้อย 5 สายจะต้องมองเห็นด้านล่างแบ่งหน้า
Tip: ดูเด็กกำพร้าคุณสมบัติการตั้งค่าหรือกลับจำนวนขั้นต่ำของสายสำหรับองค์ประกอบที่จะต้องสามารถมองเห็นได้ที่ด้านล่างของหน้าเว็บที่
สนับสนุนเบราว์เซอร์
สถานที่ให้บริการม่ายได้รับการสนับสนุนใน Internet Explorer, Opera และ Chrome
หมายเหตุ: คุณสมบัติแม่ม่ายไม่สนับสนุนใน Firefox หรือ Safari สถานที่ให้บริการที่ไม่ได้รับการสนับสนุนใน IE7 และก่อนหน้านี้ IE8 ต้องมี! DOCTYPE IE9 และต่อมาได้รับการสนับสนุนอย่างเต็มรูปแบบ
วากยสัมพันธ์
กลับทรัพย์สินม่าย:
object .style.widows
ตั้งค่าคุณสมบัติม่าย:
object .style.widows=" ค่าทรัพย์สิน ความคุ้มค่า ลักษณะ number จำนวนเต็มที่ระบุจำนวนขั้นต่ำของสายการมองเห็น ค่าลบไม่ได้รับอนุญาต ค่าเริ่มต้นคือ 2 initial ตั้งค่าคุณสมบัตินี้เป็นค่าเริ่มต้น อ่านเกี่ยวกับการเริ่มต้น inherit สืบทอดคุณสมบัตินี้จากองค์ประกอบหลักของมัน อ่านเกี่ยวกับการรับมรดก
รายละเอียดทางเทคนิค
ราคาเริ่มต้น: 2 กลับค่า: เชือกคิดเป็นจำนวนขั้นต่ำของสายการพิมพ์ที่ด้านบนของหน้า CSS รุ่น CSS2
<สไตล์วัตถุ