HTML Tablo Kenarlıkları
HTML tablolarının farklı stil ve şekillerde sınırları olabilir.
Kenarlık Nasıl Eklenir
Bir tabloya kenarlık eklediğinizde, her bir tablo hücresinin çevresine de kenarlıklar eklersiniz:
Kenarlık eklemek için , ve
öğelerinde CSS borderözelliğini
kullanın:tablethtd
Örnek
table, th, td
{
border: 1px solid black;
}
Daraltılmış Tablo Kenarlıkları
Yukarıdaki örnekte olduğu gibi çift kenarlık olmasını önlemek için CSS border-collapse
özelliğini olarak ayarlayın collapse.
Bu, sınırların tek bir sınıra çökmesini sağlar:
Örnek
table, th, td {
border: 1px solid black;
border-collapse: collapse;
}
Stil Tablosu Kenarlıkları
Her hücre için bir arka plan rengi ayarlarsanız ve kenarlığa beyaz bir renk verirseniz (belge arka planıyla aynı), görünmez bir kenarlık izlenimi elde edersiniz:
Örnek
table, th, td {
border: 1px solid white;
border-collapse: collapse;
}
th, td {
background-color: #96D4D4;
}
Yuvarlak Masa Bordürleri
Özellik ile border-radiussınırlar yuvarlatılmış köşeler alır:
Örnek
table, th, td {
border: 1px solid
black;
border-radius: 10px;
}
tablecss seçicinin dışında bırakarak tablonun etrafındaki kenarlığı atlayın :
Örnek
th, td {
border: 1px solid
black;
border-radius: 10px;
}
Noktalı Tablo Kenarlıkları
Özellik ile border-stylesınırın görünümünü ayarlayabilirsiniz.
Aşağıdaki değerlere izin verilir:
dotteddashedsoliddoublegrooveridgeinsetoutsetnonehidden
Örnek
th, td {
border-style: dotted;
}
Sınır rengi
Özellik ile border-colorkenarlığın rengini ayarlayabilirsiniz.
Örnek
th, td {
border-color: #96D4D4;
}