|
1 V²chozφm modelem okraj∙ bun∞k v tabulce je separßtnφ model, p°i kterΘm
je nutnΘ pohlφdat si zvlßÜ¥ rßmovßnφ jednotliv²ch bun∞k a zvlßÜ¥ celΘ
tabulky. Rßmovßnφ pro jednotlivΘ °ßdky nelze aplikovat.
|
Jednoduch² p°φklad orßmovßnφ, kdy pro znaΦky table a td
definujeme
{border: solid 1px black}
|
Bu≥ka A1
|
Bu≥ka A2
|
|
Bu≥ka B1
|
Bu≥ka B2
|
|
P°φklad z textu, ve kterΘm jsou jemn∞ naznaΦeny mo₧nosti
nastevenφ parametru border:
|
Bu≥ka A1
|
Bu≥ka A2
|
|
Bu≥ka B1
|
Bu≥ka B2
|
|
|
2 Dojem plastickΘho orßmovßnφ bun∞k tabulky lze pomocφ CSS za°φdit
styly Φßry inset a outset (v IE nefunguje) nebo
explicitnφm zadanφm barev okraj∙.
|
Tabulka se styly orßmovßnφ inset a outset a s
upraven²mi mezerami mezi bu≥kami pomocφ parametru border-spacing
(zde jako obrßzek):
|
Tabulka s explicitnφm zadßnφm barevn²ch hodnot pro okraje bun∞k a tabulky:
|
Bu≥ka A1
|
Bu≥ka A2
|
|
Bu≥ka B1
|
Bu≥ka B2
|
|
|
3 P°i zhroucenΘm modelu okraj∙ bun∞k tabulky splynou sousednφ okraje
v jeden celek. Pokud jsou okraje zobrazeny, vypadß orßmovßnφ tabulky
jako m°φ₧ka, pokud ne, mohou obsahy sousednφch bun∞k le₧et t∞sn∞ vedle
sebe. Zhroucen² model pou₧φvß i hlavnφ tabulka na tΘto strßnce s p°φklady.
|
Typick² m°φ₧kovit² vzhled tabulky se zhroucen²m modelem okraj∙ bun∞k.
Tato tabulka bude mφt navφc v Internet Exploreru Φerven² okraj, zatφmco
v Mozille nikoliv.
|
Bu≥ka A1
|
Bu≥ka A2
|
|
Bu≥ka B1
|
Bu≥ka B2
|
|
Vyu₧itφ zhroucenΘho modelu tabulky k zobrazenφ obsahu bun∞k t∞sn∞ vedle,
v tomto p°φklad∞ obrßzk∙:
|
Bu≥ka A1
|
Bu≥ka A2
|
|
Bu≥ka B1
|
Bu≥ka B2
|
|
|
4 Podle druhΘ verze specifikace kaskßdov²ch styl∙ je mo₧nΘ parametrem
empty-cell ovlivnit chovßnφ okraj∙ u prßzdn²ch bun∞k a parametrem
caption-side urΦit umφst∞nφ popisku k tabulce oznaΦkovanΘho jako
<caption>. Cht∞jme tedy, aby okraje u prßzdn²ch bun∞k
byly viditelnΘ a popisek byl dole pod tabulkou.
|
Takto bude v²sledek vypadat v Internet Exploreru, kter² v²Üe zmφn∞n²m parametr∙m
nerozumφ, tak₧e pro zobrazenφ tabulky pou₧ije vlastnφ v²chozφ nastavenφ.
Popisek k tabulce
|
Bu≥ka A1
|
Bu≥ka A2
|
|
Bu≥ka B1
|
|
|
V Mozille, kterß sice neumφ umφstit popisek nalevo ani napravo, ale
dol∙ ano, ji₧ bude v²sledek vypadat podle zadßnφ:
|
Bu≥ka A1
|
Bu≥ka A2
|
|
Bu≥ka B1
|
|
Popisek k tabulce
|