Šířku těchto atributů lze měřit pomocí pixelů nebo procent. Pro úpravu prostoru mezi textem a obklopenou buněčnou stěnou, buňkami a buňkami v rámci tabulky se použijí atributy, jako je například buněčná a buněčná mezera.
Srovnávací graf
| Základ pro srovnání | Cellpadding | Cellspacing |
|---|---|---|
| Základní | Řídí mezeru mezi hranicí buňky a jejím obsahem. | Nastavuje prostor mezi solitárními buňkami. |
| Určen pro | Jediná buňka | Více než jedna buňka |
| HTML formát |  |  |
Definice Cellpaddingu
Atribut, který nastavuje prostor v buňce mezi obsahem a okrajovou hranicí, se nazývá cellpadding . Jinými slovy, vzdálenost mezi obsahem, který buňka obklopuje, a hranicí buňky je řízena atributem cellpadding. Jednotka této vzdálenosti může být odvozena v pixelech nebo procentech v HTML. Hodnota atributu cellpadding může mít také hodnotu 0, podle potřeby uživatelů. Používá se k oddělení textu od sebe, což zlepšuje vzhled.
Starší verze HTML podporují příkaz cellpadding, ale novější verze HTML5 neumožňuje použití cellpaddingu, takže náhradní CSS se používá k poskytování stejného formátování, když je požadováno.
Definice Cellspacing
Cellspacing je jiný než cellpadding. Řídí vzdálenost mezi jednotlivými buňkami v tabulce. Použitím tohoto atributu mohou návrháři snadno měnit prostor mezi hranami různých sousedních buněk. Zlepšuje srozumitelnost tabulky. Zvýšení množství buněčných mezer zjevně zvětší okraj buňky, který bude ukázán v příkladu.
Cellspacing se používá hlavně při tvorbě webů. Různé jazyky mají poměrně odlišnou syntaxi pro buněčné mezery, jako například v CSS, která je používána pomocí vlastnosti „border-spacing“, zatímco v HTML „cellspacing“.
Klíčové rozdíly mezi Cellpadding a Cellspacing
- Cellpadding popisuje whitespaces v buňce podél textu a okraj buňky. Na druhé straně, mezery mezi buňkami znamenají mezery mezi různými buňkami. Oba jsou naprosto odlišné.
- Cellpadding zahrnuje prostor uvnitř buňky, zatímco buněčný odstup zahrnuje šířku mezi buňkami (tj. Více než jednu buňku).
Příklad Cellpadding
td {pozadí: levandule;} Tabulka webových stránek Položka 1 | Bod 2 | Bod 3 |
VÝSTUP:
Příklad Cellspacing
td {pozadí: levandule;} Tabulka webových stránek Položka 1 | Bod 2 | Bod 3 |
VÝSTUP:
Závěr
Cellpadding a cellspacing jsou dva z atributů, které pomáhají kontrolovat styl a uspořádání tabulek na webových stránkách. Cellpadding vytváří mezery v buňce mezi textem a okrajem buňky, zatímco mezery mezi buňkami v tabulce mohou být použity pro správu mezer mezi buňkami.
