BGWE 1 PGWE 1 Mgr Vlastislav Kuera Ph

BGWE 1, PGWE 1 Mgr. Vlastislav Kučera, Ph. D. Tabulky

Obsah přednášky Tabulky CSS – vlastnosti tabulek border-collapse, border-spacing, empty-cells

Tabulky nejdříve musíme definovat samotnou tabulku: <table></table> párový, koncový tag musí být uveden následně jednotlivé řádky tabulky: <tr></tr> párový, koncový tag nemusí být uveden a nakonec jednotlivé buňky: <td></td> párový, koncový tag nemusí být uveden spec. tag pro vložení nadpisu sloupce, řádku: <th></th> tabulku definujeme po řádcích př. – priklad-tabulka-zaklad. html

Tabulka – parametry tagu table border rámeček kolem tabulky hodnota - číslo cellpadding výplň v buňce hodnota - číslo cellspacing rozestup mezi buňkami hodnota - číslo př. – priklad-tabulka-parametry_01. html

Tabulky <td> <table> border <tr> cellspacing cellpadding

Tabulka – parametry tagu td colspan buňka přes více sloupců hodnota - číslo rowspan buňka přes více řádků hodnota - číslo !POZOR na počty buněk v řádku a sloupci! př. – priklad-tabulka-parametry_02. html

Vlastnost border-collapse určuje způsob orámování buněk tabulky hodnoty collapse, separate, inherit výchozí hodnota collapse význam hodnot collapse tabulka bude vykreslena v režimu splývajících orámování separate tabulka bude vykreslena v režimu samostatného orámování

Vlastnost border-spacing určuje vzdálenost mezi orámováním jednotlivých sousedních buněk; funguje, je-li border-collapse nastavena na separate hodnoty "velikost", inherit výchozí hodnota 0 význam hodnot "velikost" vzdálenost mezi orámováním sousedních buněk je-li udána jedna hodnota, použije se pro vertikální i horizontální vzdálenost dvě hodnoty: 1. je pro horizontální, 2. pro vertikální

Vlastnost empty-cells určuje, zda se orámování vykreslí i okolo prázdných buněk použití jen v kombinaci border-collapse: separate hodnoty výchozí hodnota show, hide, inherit show význam hodnot show orámování se vykreslí okolo prázdných buněk hide okolo prázdných buněk se orámování nevykreslí př. : tabulky-oramovani. html