CSS attribute border-spacing

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

Η ιδιότητα border-spacing ορίζει τη διαφορά μεταξύ των πλαίσια των γειτονικών κελιών (μόνο για το μοντέλο separation).

Σχόλια:Μερικές εκδόσεις του περιηγητή IE δεν υποστηρίζουν αυτή την ιδιότητα.

Σημείωση

Η ιδιότητα αυτή καθορίζει τη διαφορά μεταξύ των ορίων των κελιών στο μοντέλο διαχωρισμού πλαίσια. Σε δύο καθορισμένες τιμές μήκους, η πρώτη είναι η διαδρομή οριζόντια και η δεύτερη η διαδρομή κατακόρυφα. Αν η border-collapse είναι ρυθμισμένη σε separate, αυτή η ιδιότητα θα αγνοηθεί. Αν και η ιδιότητα αυτή εφαρμόζεται μόνο στους πίνακες, μπορεί να προκύψει από όλα τα στοιχεία του πίνακα.

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

Εκμάθηση CSS:CSS Πίνακες

Εγχειρίδιο HTML DOM:Πρότυπο borderSpacing

Παράδειγμα

Ρύθμιση border-spacing για τον πίνακα:

πίνακας
  {
  border-collapse:separate;
  border-spacing:10px 50px;
  }

Δοκιμάστε το προσωπικά

Γλώσσα σύνταξης CSS

border-spacing: diameter|initial|inherit;

Τιμή properties

Τιμή Περιγραφή
diameter diameter

Ορίζει τη διαφορά μεταξύ των πλαίσια των γειτονικών κελιών. Χρησιμοποιείται η μονάδα px, cm κ.λπ. Δεν επιτρέπεται η χρήση αρνητικών τιμών.

Αν οριστεί ένας diameter Ορίζει τη διαδρομή του οριζόντιου και του κατακόρυφου.

Αν οριστούν δύο diameter Αν οριστεί ένας παράμετρος, η πρώτη ορίζει τη διαδρομή του οριζόντιου και η δεύτερη τη διαδρομή του κατακόρυφου.
inherit Ορίζει ότι η τιμή του properties border-spacing πρέπει να προκύπτει από το γονικό στοιχείο.

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

Προεπιλεγμένη τιμή: μη καθορισμένο
Αντιληπσιμότητα: ναι
Έκδοση: CSS2
Γλώσσα σύνταξης JavaScript: άρθρο.style.borderSpacing="15px"

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

Ρύθμιση του κενού μεταξύ των πλαίσια των πινάκων
Αυτό το παράδειγμα δείχνει πώς να ρυθμίσετε τη διαφορά μεταξύ των κύριων πλαίσια των κελιών.

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

Chrome IE / Edge Firefox Safari Opera
1.0 8.0 1.0 1.0 4.0