Ιδιότητα Style Widows

Ορισμός και χρήση

widows Η ιδιότητα ορίζει ή επιστρέφει τον αριθμό των ελάχιστων γραμμών που πρέπει να είναι ορατές στην κορυφή της σελίδας (για εκτύπωση ή προεπισκόπηση εκτύπωσης).

widows Η ιδιότητα επηρεάζει μόνο τα στοιχεία μπλοκ.

Συμβουλή：widows:5 Δείχνει ότι κάτω από τον σηματοδότη σελίδας πρέπει να υπάρχουν τουλάχιστον 5 ορατές γραμμές.

Συμβουλή：Εξετάστε Ιδιότητα orphans Για να ρυθμίσετε ή να επιστρέψετε τον ελάχιστο αριθμό γραμμών που πρέπει να είναι ορατοί στο κάτω μέρος της σελίδας.

Παράδειγμα

Αλλάξτε το widows και ελέγξτε την εκτύπωση ή την προεπισκόπηση εκτύπωσης：

<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();">Αλλάξτε widows</button>
<p style="font-size:120%" id="p1">
Αλλάξτε το widows και δείτε την προεπισκόπηση εκτύπωσης.<br>
Γραμμή 2<br>
Γραμμή 3<br>
Γραμμή 4<br>
Γραμμή 5<br>
Γραμμή 6<br>
Γραμμή 7<br>
Γραμμή 8<br>
</p>
<div class="othercontent">
</body>
</html>

Προσπαθήστε το προσωπικά

Γραμματική

Επιστροφή της ιδιότητας widows：

object.style.widows

Ρύθμιση της ιδιότητας widows：

object.style.widows = "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 Δεν υποστηρίζεται 7.0 10.0