HTML5 + CSS3 logó
  WEBFEJLESZTÉS, WEBÁRUHÁZ KÉSZÍTÉS   Ingyenes elektronikus tananyag interaktív
weboldalak készítéséhez.
Custom Search
 
vissza VISSZA    
menü MENÜ    
ismét ISMÉT    
tovább TOVÁBB    

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 ;