logó WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS
Ingyenes elektronikus tananyag interaktív weboldalak készítéséhez.
visszaVISSZA   
menüMENÜ   

A szegélyek közötti távolság



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*

* Az eredmény megjelenítése az Ön által használt böngészőtől függ.

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.

* 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 ;


Ahogy a legtöbb honlap, ez a webhely is használ sütiket a weboldalain.