CSS διακοπή μέσα ιδιότητα

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

Η ιδιότητα break-inside καθορίζει αν πρέπει να γίνει σελίδαρισή, διαίρεση στη στήλη ή διαίρεση περιοχής μέσα στο καθορισμένο στοιχείο.

Η ιδιότητα break-inside επεκτείνει την ιδιότητα page-break-inside του CSS2.

Με τη χρήση της break-inside, μπορείτε να ενημερώσετε τον περιηγητή να αποφεύγει διακοπές μέσα στα εικόνα, κείμενα κώδικα, τάμπλες και λίστας.

Παραδείξεις

Αποφύγετε την σελίδαρισή μέσα στο στοιχείο <img>:

@media print {
  img {
    display: block;
    break-inside: avoid;
  }
}

Γλώσσα γραφής CSS

break-inside: auto|all|always|avoid|avoid-column|avoid-page|avoid-region|column|left|page|recto|region|right|verso|initial|inherit;

Τιμή ιδιότητας

Τιμή Περιγραφή
auto Προεπιλεγμένο. Στο εσωτερικό του στοιχείου γίνεται αυτόματα σελίδαρισή, διαίρεση στη στήλη και διαίρεση περιοχής.
avoid Αποφύγετε την διακοπή σε σελίδα, στήλη ή περιοχή στο εσωτερικό του στοιχείου.
avoid-column Αποφύγετε την διαίρεση στη στήλη στο εσωτερικό του στοιχείου.
avoid-page Αποφύγετε την σελίδαρισή στο εσωτερικό του στοιχείου.
avoid-region Αποφύγετε την διαίρεση στο εσωτερικό του στοιχείου.
initial Ρυθμίστε αυτή την ιδιότητα στη προεπιλεγμένη τιμή. Αναφορά: initial。
inherit Κληρονομείται από το γονικό στοιχείο. Αναφορά: inherit。

Τεχνικά λεπτομέρειες

Προεπιλεγμένη τιμή: auto
Κληρονομικότητα: Όχι
Δημιουργία animation: Δεν υποστηρίζεται. Εξέταση:Αντικειμενικές ιδιότητες animation。
Έκδοση: CSS3
Γλώσσα γραφής JavaScript: object.style.breakInside="always"

Περισσότερες παραδείξεις

Αποφύγετε την σελίδαρισή μέσα στα στοιχεία <table>, <ul>, <ol>:

@media print {
  table, ul, ol {
    break-inside: avoid;
  }
}

Υποστήριξη περιηγητή

Τα αριθμοί στη τаблицή περιγράφουν την πρώτη έκδοση του προγράμματος περιήγησης που υποστηρίζει πλήρως αυτή την ιδιότητα.

Chrome IE / Edge Firefox Safari Opera
50.0 10.0 65.0 10.0 37.0