A szegélyek közötti távolság a border-spacing tulajdonsággal adható meg.
Vízszintes távolság, függőleges távolság megadása:
kijelölő
{
border-spacing
:
érték
érték;
}
Vízszintes és függőleges távolság megadása:
kijelölő
{
border-spacing
:
érték;
}
Példa 1:
Forráskód
<style>
table, th, td
{border: 1px solid green; }
table
{border-collapse:collapse;
border-spacing:5px 25px;}
</style>
...
Eredmény*
Példa 2:
Forráskód
<style>
table, th, td
{border: 1px solid green; }
table
{border-collapse:collapse;
border-spacing:25px 5px;}
</style>
...
Eredmény*
Példa 3:
Forráskód
<style>
table, th, td
{border: 1px solid green; }
table
{border-collapse:collapse;
border-spacing:10px;}
</style>
...
Eredmény*
* Az eredmény megjelenítése az Ön által használt böngészőtől függ.
A példakód külön ablakban is megtekinthető: css_tablazat_szegely_tavolsag_1.html ; css_tablazat_szegely_tavolsag_2.html ; css_tablazat_szegely_tavolsag_3.html ;