Atribút medzery v tabuľkách v CSS

Prostriedky CSS majú bohatú sadu atribútov prvkov webových stránok, aby sa čo najlepšie oživenie a skrášlenie stránok. Atribút medzery medzi hranicami sa nelíši. To je široko používaný pri vytváraní tabuliek ako prvky webových stránok a nemôže robiť bez takzvaných "tabuľkové" rozloženie stránky.

Účel

Atribút border-rozostup používa na označenie a používa sa pre určenie vzdialenosti medzi stredmi tabuľky v pixeloch. HTML má podobný nástroj pre mobilné bunky.
Oba tieto atribúty nemožno použiť na rovnakú tabuľku, pretože CSS má vyššiu prioritu než HTML. V opačnom prípade bude fungovať iba medzera medzi okrajmi a prehliadač ignoruje bunky.


Vlastnosti atribútu je možné preukázať v tabuľkovej forme.

aplikácie



vymedzuje medzeru medzi bunkami



Východisková hodnota



0 px



Inheritance



Áno



Animácia



Nie



Kompatibilné verzie



CSS 2 3

Vzhľadom na to, že hraničné vzdialenosť pracuje s CSS 2 je správne zastúpený veľkou väčšinou moderných prehliadačov. Pre vizuálne vnímanie sú miesta, ktoré boli napísané asi pred desiatimi rokmi, prístupné prostredníctvom tejto už zastaranej technológie.

Syntax

Za účelom tlačiť bunky tabuľky na požadovanú dĺžku, je nutné použiť značku atribút border-rozostup, požiadať o dĺžke parametrov a číslo, vyjadrujúce pixelov.V takomto prípade nie je vložený priestor medzi číslom a meracou jednotkou. Napríklad, ak bunky v riadkoch musí tlačiť 12 a stĺpce 18 pixelov, CSS kód by bolo:




tabuľka {
ohraničenie-rozteč 12px 18px;
}


, u hodnôt atribútu môže byť dva ako v tomto príklade, ale môže byť jeden:
  • Pri určovaní parametrov prvých sád vodorovná vzdialenosť a druhá - v zvislom smere.
  • Ak je zadaný jeden, definuje rovnakú vzdialenosť, horizontálne i vertikálne.
  • Všimnite si, že konfiguračný tabuľka, hrúbka (v pixeloch) treba tiež vziať hranice buniek a ich počet do úvahy. V opačnom prípade bude pripravená tabuľka zobrazená s deformáciami.

    Príklad

    Mandátu: vytvoriť tabuľku, v ktorej sa zobrazí populárnych prehliadačov a ich minimálnu verziu, ktorá je k dispozícii pomocou border-rozostup v CSS. Roztiahnite bunky o 15 pixlov horizontálne a vertikálne. Úloha bude vyzerať takto:
    Nedostatok vlastností animácie znamená, že zariadenie značkovací jazyk medzery medzi bunkami mohlo farbu výplne alebo ich aplikovať na iné grafické efekty. Grafické editory (GIMP, Photoshop, Inkscape) sa používajú na tento účel.

    Súvisiace publikácie