ਸਟਾਈਲ ਵਿਡੋਸ ਵਿਸ਼ੇਸ਼ਤਾ

ਵਿਆਖਿਆ ਅਤੇ ਵਰਤੋਂ

widows ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਪੰਨੇ ਦੀ ਸਿਰਫ਼ ਉੱਪਰੀ ਹਿੱਸੇ ਵਿੱਚ ਦਿਖਣ ਵਾਲੀਆਂ ਘੱਟੋ-ਘੱਟ ਲਾਈਨਾਂ ਨੂੰ ਸੈਟ ਕਰਦੀ ਹੈ (ਪ੍ਰਿੰਟ ਜਾਂ ਪ੍ਰਿੰਟ ਪ੍ਰਿਵਿਊ ਵਿੱਚ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ)。

widows ਇਹ ਵਿਸ਼ੇਸ਼ਤਾ ਕੇਵਲ ਬਲਕ ਇਲੈਕਟਰਨਾਂ 'ਤੇ ਪ੍ਰਭਾਵਿਤ ਕਰਦੀ ਹੈ。

ਸੁਝਾਅ:widows:5 ਪੰਨੇ ਦੇ ਨਿਚੋਰ ਵਿੱਚ ਘੱਟੋ-ਘੱਟ 5 ਲਾਈਨਾਂ ਦੇਖਣਾ ਹੁੰਦਾ ਹੈ。

ਸੁਝਾਅ:ਦੇਖੋ: orphans ਗੁਣ ਜਿਸ ਨੂੰ ਕਿ ਪੰਨੇ ਦੇ ਨਿਮਨ ਹਿੱਸੇ ਵਿੱਚ ਦਿਸ਼ਟ ਹੋਣ ਵਾਲੇ ਮਿਨੀਮਲ ਲਾਈਨਾਂ ਦਾ ਸਿਖਰ ਸੈਟ ਕਰਨ ਲਈ ਵਰਤਿਆ ਜਾਂਦਾ ਹੈ。

ਇੱਕ ਉਦਾਹਰਣ

ਵਿਦੋਸ ਬਦਲੋ ਅਤੇ ਪ੍ਰਿੰਟ ਜਾਂ ਪ੍ਰਿੰਟ ਪ੍ਰਿਵਿਊ ਦੇਖੋ:

<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 {
/* ਪ੍ਰਿੰਟ ਪੰਨੇ ਦਾ ਸਾਈਜ਼ ਸੈਟ ਕਰੋ */
  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">
ਵਿਦੋਸ ਬਦਲੋ ਅਤੇ ਪ੍ਰਿੰਟ ਪ੍ਰਿਵਿਊ ਦੇਖੋ。<br>
ਲਾਈਨ 2<br>
ਲਾਈਨ 3<br>
ਲਾਈਨ 4<br>
ਲਾਈਨ 5<br>
ਲਾਈਨ 6<br>
ਲਾਈਨ 7<br>
ਲਾਈਨ 8<br>
</p>
<div class="othercontent">
</body>
</html>

ਆਪਣੇ ਅਨੁਭਵ ਕਰੋ

ਸਫਟਵੇਅਰ

ਵਿਦੋਸ ਗੁਣ ਵਾਪਸੀ ਕਰੋ:

object.style.widows

ਵਿਦੋਸ ਗੁਣ ਸੈਟ ਕਰੋ:

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

ਗੁਣ ਮੁੱਲ

ਮੁੱਲ ਵਰਣਨ
number ਇੰਟੈਜਰ, ਜੋ ਕਿ ਨਿਮਨਤਮ ਦਿਸ਼ਟ ਲਾਈਨਾਂ ਨੂੰ ਨਿਰਧਾਰਿਤ ਕਰਦਾ ਹੈ। ਨੀਮਾਣੀ ਮੁੱਲਾਂ ਦੀ ਇਜਾਜ਼ਤ ਨਹੀਂ ਹੈ। ਮੂਲ ਮੁੱਲ 2 ਹੈ。
initial ਇਸ ਗੁਣ ਨੂੰ ਉਸ ਦੇ ਮੂਲ ਮੁੱਲ 'ਤੇ ਸੈਟ ਕਰੋ। ਦੇਖੋ: initial。
inherit ਆਪਣੇ ਮਾਤਾ ਐਲੀਮੈਂਟ ਤੋਂ ਇਸ ਗੁਣ ਨੂੰ ਪ੍ਰਾਪਤ ਕਰੋ। ਦੇਖੋ: inherit。

ਤਕਨੀਕੀ ਵੇਰਵੇ

ਮੂਲ ਮੁੱਲ: 2
ਵਾਪਸੀ ਮੁੱਲ: ਸਟਰਿੰਗ, ਜੋ ਕਿ ਪੰਨੇ ਦੇ ਉੱਪਰ ਪ੍ਰਿੰਟ ਕੀਤੀ ਜਾਣ ਵਾਲੀ ਨਿਮਨਤਮ ਲਾਈਨ ਸਿਖਰ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਦੀ ਹੈ。
CSS ਸੰਸਕਰਣਾਂ: CSS2

ਬਰਾਊਜ਼ਰ ਸਪੋਰਟ

ਇਸ ਸਬੰਧੀ ਪੱਧਰ ਵਿੱਚ ਸਭ ਤੋਂ ਪਹਿਲਾਂ ਇਸ ਵਿਸ਼ੇਸ਼ਤਾ ਨੂੰ ਸਮਰੱਥ ਬਣਾਉਣ ਵਾਲੇ ਬਰਾਉਜ਼ਰ ਦੀ ਸੰਖਿਆ ਦਿਖਾਈ ਗਈ ਹੈ।

ਚਰਾਮਸ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
ਚਰਾਮਸ ਐਜ਼ ਫਾਇਰਫਾਕਸ ਸੈਫਾਰੀ ਓਪਰਾ
25.0 8.0 ਸਮਰੱਥ ਨਹੀਂ 7.0 10.0