Atribut okrajů tabulky v CSS

Nástroje CSS mají pro prvky webových stránek bohatou sadu atributů, aby se maximalizovaly místa pro živobytí a zdobení. Atribut mezery mezi hranicemi se neliší. Je široce používán při vytváření tabulek jako prvků webových stránek a bez nich není možné s takzvaným "tabulkovým" uspořádáním stránek.

Účel

Atribut mezery mezi hranicemi platí pro značku a slouží k určení vzdálenosti mezi buňkami tabulky v pixelech. HTML má podobný nástroj pro buňku.
Oba tyto atributy nelze použít ve stejné tabulce, protože CSS má vyšší prioritu než HTML. V opačném případě bude fungovat pouze rozteč hranic a buňkový prostor bude ignorovat prohlížeč.


Vlastnosti atributu lze pro přehlednost zobrazit v tabulkové formě.



Výchozí hodnota



0 px



Dědictví



Animace





Práce s verzemi



CSS 2 3

CSS 2 je správně zastoupen velkou většinou moderních prohlížečů. Pro vizuální vnímání jsou místa, která byla psána asi před deseti lety, přístupná prostřednictvím této již zastaralé technologie.

Syntaxe

Za účelem rozložení buněk tabulky na požadovanou vzdálenost je nutné aplikovat atribut mezery na hranici tagu, nastavit parametr délky a číslo představující počet pixelů.V takovém případě není místo mezi číslem a měrnou jednotkou uvedeno. Například, jestliže buňky v řádcích musí tlačit 12 a sloupce 18 pixelů, CSS kód by bylo:




tabulka {
ohraničení-rozteč 12px 18px;
}


, u hodnot atributu může být dva jako v tomto příkladu, ale může být jeden:
  • Při určování parametrů prvních sad vodorovná vzdálenost a druhá - ve svislém směru.
  • Pokud se určit jeden, nastaví na stejnou vzdálenost, a to jak horizontálně, tak vertikálně.
  • Všimněte si, že konfigurační tabulka, tloušťka (v pixelech) je třeba rovněž vzít hranice buněk a jejich počet v úvahu. V opačném případě bude připravená tabulka zobrazena s deformacemi.

    Příklad

    Mandátu: vytvořit tabulku, ve které se zobrazí populárních prohlížečů a jejich minimální verzi, která je k dispozici pomocí border-rozestup v CSS. Rozšiřte buňky 15 pixelů vodorovně a svisle. Úloha bude vypadat takto:
    Nedostatek vlastností animace znamená, že zařízení značkovací jazyk mezery mezi buňkami mohlo barvu výplně nebo je aplikovat na jiné grafické efekty. Na tento účel se používají grafické editory (GIMP, Photoshop, Inkscape).

    Související publikace