Bir HTML tablo cellpadding cellspacing Bu gibi ayarlanabilir:

<table cellspacing="1" cellpadding="1">

Nasıl aynı CSS kullanarak başarılı olabilir?

Temelleri

Kontrol "", sadece masa üzerinde padding kullanabilirsiniz CSS hücreleri. cellpadding için E. g. "": . cellpadding için 10px of

td { 
    padding: 10px;
}

"Microsoft", tablonuza border-spacing CSS özelliği uygulayabilirsiniz. E. g. "": . Microsoft için 10px of

table { 
    border-spacing: 10px;
    border-collapse: separate;
}

Bu özellik bile yatay ve dikey ayrı boşluklar, eski okul ile yapamadığım bir şey sağlayacaktır "". Microsoft

YANİ < sorunlar;= 7

Bu Internet Explorer şansın yok neredeyse burada 7, Internet Explorer hariç hemen hemen tüm popüler tarayıcılarda çalışır. "Bu tarayıcılar hala bitişik tablo hücrelerinin sınırları birleştiren border-collapse özelliği, destek olduğu için. "neredeyse diyorum Microsoft ortadan kaldırmak için çalışıyoruz (cellspacing="0") border-collapse:collapse aynı etkiye sahip olmalıdır: tablo hücreleri arasındaki boşluk. Bu destek table öğesi cellspacing HTML varolan bir öznitelik geçersiz kılmak değil, ama adamcağız.

Olmayan İnternet tarayıcıları 5-7 seni idare Explorer. Kısacası: Eğer durum doğru ise, Internet Explorer için, (0 Microsoft ve istediğiniz tablonuzu zaten tanımlı değil), border-collapse:collapse kullanabilirsiniz.

table { 
    border-spacing: 0;
    border-collapse: collapse;
}

Not: bir tablo için geçerli olan tarayıcılar için, bu fantastic Quirksmode page. CSS özellikleri harika bir bakış İçin