Hva er sammen Borders?

En webdesigner bruker Cascading Style Sheet (CSS) regler for å bestemme utformingen av hans hjemmeside på skjermene til sin nettstedets besøkende. Noen av disse reglene er utformet for å kontrollere utseendet til tabeller. En designer bruker tabeller for å vise tabelldata i en organisert format. En av disse CSS-regler bestemmer utseendet av bordets kant. Spesielt kollapser CSS border-kollaps regel to grenser til hverandre for å danne en enkelt grensen.

Bordet

En tabell gir en webdesigner med et verktøy for å vise datasett. Individuelle komponenter av dataene er delt opp i tabellceller. Cellene er vist i rader og overskriftene angir radene. Hodet vises øverst på hver rad og fortelle brukeren om dataene i hver rad.

Grensen

En ramme skiller tabellens rader og celler. CSS-regler tillater Webdesigner å etablere grense egenskaper. For eksempel vil følgende eksempel opprettet en svart ramme av to piksler mellom hver celle i tabellen:

td {border: 2px solid # 000; }

Border-kollaps Eiendom

CSS grensen kollaps eiendom kollapser grensen av tabellen cellen til grensen av sin nabocellen. Dermed bruker den forrige eksempel: hvis designeren kollapser grensen, i stedet for to grenser to piksler hver (derfor ser det ut som en tykkere fire-pixel grensen på det tidspunktet), vil hver celle deler en felles to-pixel grense.

Verdier av Border-kollaps

Grensen-kollaps CSS eiendommen aksepterer tre verdier. Den arve verdien gjør bordet for å akseptere den samme egenskap som besatt av en forelder element. Sammenbruddet verdi kollapser grensen og særeie holder grensen skilt fra nabogrensen. Det er viktig å merke seg at den separate verdien er standardverdien, og vil bli iverksatt dersom ingen annen verdi er lagt inn. Følgende eksempel bruker CSS for å skjule tabellen grenser:

table {border-kollaps: kollaps; }

Dette eksemplet holder grensene skille:

table {border-kollaps: separat; }