Doporučená, 2021

Redakce Choice

Rozdíl mezi Cellpadding a Cellspacing

Cellpadding a Cellspacing jsou atributy používané ve formátování tabulek, ve skutečnosti nastaví mezery v buňkách tabulky. Toto jsou významné vlastnosti webového dokumentu. Hlavním rozdílem mezi cellpaddingem a buněčnou mezerou je to, že buněčná struktura se používá k fixaci šířky mezi okrajem buňky a jejím obsahem. Naopak, mezery mezi buňkami nastavují mezeru mezi jednotlivými buňkami.

Šíř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íCellpaddingCellspacing
ZákladníŘídí mezeru mezi hranicí buňky a jejím obsahem.Nastavuje prostor mezi solitárními buňkami.
Určen proJediná buňkaVí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

  1. 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é.
  2. 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.

Top