Dopełnienie i odstępy między tabelami HTML
Tabele HTML mogą dostosować dopełnienie wewnątrz komórek, a także przestrzeń między komórkami.
Witaj | Witaj | Witaj |
Witaj | Witaj | Witaj |
Witaj | Witaj | Witaj |
Witaj | Witaj | Witaj |
Witaj | Witaj | Witaj |
Witaj | Witaj | Witaj |
Tabela HTML — wypełnienie komórek
Dopełnienie komórki to przestrzeń między krawędziami komórki a zawartością komórki.
Domyślnie dopełnienie jest ustawione na 0.
Aby dodać dopełnienie w komórkach tabeli, użyj padding
właściwości CSS:
Przykład
th, td
{
padding: 15px;
}
Aby dodać dopełnienie tylko nad zawartością, użyj padding-top
właściwości.
A pozostali są po stronie padding-bottom
, padding-left
, i padding-right
właściwości:
Przykład
th, td
{
padding-top: 10px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 40px;
}
Tabela HTML — odstępy między komórkami
Odstęp między komórkami to przestrzeń między każdą komórką.
Domyślnie przestrzeń jest ustawiona na 2 piksele.
Aby zmienić odstęp między komórkami tabeli, użyj
border-spacing
właściwości CSS table
elementu:
Przykład
table
{
border-spacing:
30px;
}