Border-spacing

CSS vlastnost border-spacing u tagu <table> určuje vzájemnou vzdálenost buněk v tabulce. Dělá totéž, co dělal atribut cellspacing v html.

border-spacing
hodnoty rozestup sousedních buněk
délka rámečky sousedních buněk od sebe budou tu délku

Jedná se o stylovou náhradu html atributu cellspacing. Pokud není zadáno nic, různé prohlížeče to mohou chápat různě a výchozí border-spacing kreslit podle sebe. Je-li zadáno border-collapse: collapse, border-spacing je ignorován.

Podpora

Součást CSS-2. Podpora dobrá.

Podpora border-spacing
Prohlížeč Podpora ve verzích Poznámka

Internet Explorer

IE 8 a vyšší ve standardním módu nižší verze a quirk mód nepodporují
Mozilla (Firefox.) všechny verze  
Opera 8, 9  
Chrome ano  

Příklady

table {border-spacing: 8px}

tabulka bude mít mezi buňkami rozestup 8px. Ve starších verzích Internet Exploreru se to muselo dělat takhle:

<table cellspacing="8">
...
</table>

Příklad na border-spacing.

Omlouvám se za chybný zápis, který jsem tu měl dříve. Psal jsem, že se border-spacing udává k buňce tabulky td, což tak není. Správně se udává k tagu table.

 

Reklama

www.webhosting-c4.cz, webhosting s doménou v ceně. 20GB
o tvorbě, údržbě a zlepšování internetových stránek

Návody HTML CSS JavaScript Články Ostatní

CSS kurz Přehled hodnot Vlastnosti CSS příklady

Jak psát web píše Yuhů, Dušan Janovský. Kontakt.