Ιδιότητα borderCollapse του style

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

borderCollapse Ρύθμιση ή επιστροφή αν τα άκρα της τύμπας θα συγχωνευτούν σε ένα μοναδικό άκρα.

Δείτε επίσης:

Εκμάθηση CSS:Ταβάνες CSS

Χειροκίνητος οδηγός CSS:Ιδιότητα border-collapse

Παράδειγμα

Παράδειγμα 1

Συγκατάπτωση των ακρών της τύμπας:

document.getElementById("myTable").style.borderCollapse = "collapse";

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

Παράδειγμα 2

Επιστροφή της ιδιότητας borderCollapse:

alert(document.getElementById("myTable").style.borderCollapse);

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

Γλώσσα γραμματοσειράς

Επιστροφή της ιδιότητας borderCollapse:

object.style.borderCollapse

Ρύθμιση της ιδιότητας borderCollapse:

object.style.borderCollapse = "separate|collapse|initial|inherit"

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

Τιμή Περιγραφή
separate Σχεδιάστε ξεχωριστά τα άκρα για κάθε κελί της τύμπας. Προεπιλεγμένο.
collapse

Αν είναι δυνατόν, οι άκρα θα συγχωνευτούν σε ένα μοναδικό άκρα.

Θα αγνοηθούν οι ιδιότητες border-spacing και empty-cells.
initial Ρυθμίστε αυτήν την ιδιότητα στη προεπιλεγμένη της τιμή. Δείτε επίσης initial.
inherit Απόκτησε αυτήν την ιδιότητα από τον γονικό στοιχείο. Δείτε επίσης inherit.

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

Προεπιλεγμένη τιμή: separate
Αποτελεσματική τιμή: Συνημμένος κείμενος, που δείχνει τα όρια της τύμπας.
Έκδοση CSS: CSS2

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

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

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
1.0 5.0 1.0 1.2 4.0