HTML -tabelvulling en spasiëring
HTML-tabelle kan die opvulling binne die selle aanpas, en ook die spasie tussen die selle.
hallo | hallo | hallo |
hallo | hallo | hallo |
hallo | hallo | hallo |
hallo | hallo | hallo |
hallo | hallo | hallo |
hallo | hallo | hallo |
HTML-tabel - Selopvulling
Selopvulling is die spasie tussen die selrande en die selinhoud.
By verstek is die opvulling op 0 gestel.
Om opvulling op tabelselle by te voeg, gebruik die CSS- padding
eienskap:
Voorbeeld
th, td
{
padding: 15px;
}
Gebruik die padding-top
eiendom om net opvulling bo die inhoud by te voeg.
En die ander kant met die padding-bottom
, padding-left
, en padding-right
eienskappe:
Voorbeeld
th, td
{
padding-top: 10px;
padding-bottom: 20px;
padding-left: 30px;
padding-right: 40px;
}
HTML-tabel - Selspasiëring
Selspasiëring is die spasie tussen elke sel.
By verstek is die spasie op 2 pixels gestel.
Om die spasie tussen tabelselle te verander, gebruik die CSS-
border-spacing
eienskap op die table
element:
Voorbeeld
table
{
border-spacing:
30px;
}