widows
Misol
widows qiymatini o‘zgartiring va natijani chop etish yoki chop etishni oldindan ko‘rish orqali tekshiring:
<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>
O‘zingiz sinab ko‘ring »
Tavsif
widows xususiyati sahifa yuqorisida ko‘rinishi kerak bo‘lgan element qatorlarining minimal sonini o‘rnatadi yoki qaytaradi (chop etish yoki chop etishni oldindan ko‘rish uchun).
widows xususiyati faqat blok darajasidagi elementlarga ta’sir qiladi.
Maslahat: widows:5 sahifa uzilishidan keyin kamida 5 ta qator ko‘rinishi kerakligini bildiradi.
Maslahat: Sahifa pastida ko‘rinishi kerak bo‘lgan element qatorlarining minimal sonini o‘rnatish yoki qaytarish uchun orphans xususiyatiga qarang.
Brauzerlarda qo‘llab-quvvatlash
| Xususiyat | |||||
|---|---|---|---|---|---|
| widows | 25.0 | 8.0 | Qo‘llab-quvvatlanmaydi | 7.0 | 10.0 |
Sintaksis
widows xususiyatini qaytarish:
object.style.widows
widows xususiyatini o‘rnatish:
object.style.widows = "number|initial|inherit"
Xususiyat qiymatlari
| Qiymat | Tavsif |
|---|---|
| number | Ko‘rinadigan qatorlarning minimal sonini belgilovchi butun son. Manfiy qiymatlarga ruxsat berilmaydi. Standart qiymat: 2 |
| initial | Bu xususiyatni standart qiymatiga o‘rnatadi. initial haqida o‘qing |
| inherit | Bu xususiyatni ota elementidan meros qilib oladi. inherit haqida o‘qing |
Texnik tafsilotlar
| Standart qiymat: | 2 |
|---|---|
| Qaytariladigan qiymat: | Sahifa yuqorisida chop etiladigan qatorlarning minimal sonini ifodalovchi String |
| CSS versiyasi | CSS2 |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!
