koddla

Yazılımcıları bilgi ile güçlendirir.

CSS ile cellpadding ve cellspacing nasıl ayarlanır?

HTML tablosunda cellpadding ve cellspacing aşağıdaki gibi ayarlanabilir:

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

Aynı şey CSS kullanılarak nasıl gerçekleştirilebilir?


Temel Bilgiler

CSS ile “cellpadding”i kontrol etmek için tablo hücrelerindeki padding’i kullanabilirsiniz. Örneğin 10px “cellpadding” için:

td { 
    padding: 10px;
}

“Cellspacing” için CSS özelliğini tablonuza uygulayabilirsiniz:

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

Varsayılan

Tarayıcının varsayılan davranışı aşağıdakilere eşdeğerdir:

table {border-collapse: collapse;}
td    {padding: 0px;}
Resim açıklamasını buraya girin

Cellpadding

Hücrenin içeriği ile hücre duvarı arasındaki boşluk miktarını ayarlar:

table {border-collapse: collapse;}
td    {padding: 6px;}
Resim açıklamasını buraya girin

Hücre Aralığı

Tablo hücreleri arasındaki boşluğu kontrol eder

table {border-spacing: 2px;}
td    {padding: 0px;}
Resim açıklamasını buraya girin

Her ikisi

table {border-spacing: 2px;}
td    {padding: 6px;}
Resim açıklamasını buraya girin

Her ikisi de (özel)

table {border-spacing: 8px 2px;}
td    {padding: 6px;}
Resim açıklamasını buraya girin

Bir yanıt yazın

E-posta adresiniz yayınlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Back to top