Σε έναν πίνακα HTML, τα cellpadding
και cellspacing
μπορούν να οριστούν ως εξής:
<table cellspacing="1" cellpadding="1">
Πώς μπορεί να επιτευχθεί το ίδιο με τη χρήση CSS;
table
{
border-collapse: collapse; /* 'cellspacing' equivalent */
}
table td, table th
{
padding: 0; /* 'cellpadding' equivalent */
}
Ο καθορισμός περιθωρίων στα κελιά του πίνακα δεν έχει πραγματικά κανένα αποτέλεσμα, απ' όσο γνωρίζω. Το πραγματικό ισοδύναμο CSS για το "cellspacing" είναι το "border-spacing" - αλλά δεν λειτουργεί στον Internet Explorer.
Μπορείτε να χρησιμοποιήσετε το border-collapse: collapse
για να ορίσετε αξιόπιστα την απόσταση κελιών στο 0, όπως αναφέρθηκε, αλλά για οποιαδήποτε άλλη τιμή νομίζω ότι ο μόνος τρόπος cross-browser είναι να συνεχίσετε να χρησιμοποιείτε το χαρακτηριστικό cellspacing
.