CSS handleiding

CSS TUIS CSS Inleiding CSS-sintaksis CSS-keurders CSS Hoe om CSS Kommentaar CSS kleure CSS agtergronde CSS-grense CSS-marges CSS Opvulling CSS Hoogte/Breedte CSS Box Model CSS uiteensetting CSS teks CSS lettertipes CSS-ikone CSS skakels CSS-lyste CSS-tabelle CSS vertoon CSS maksimum breedte CSS posisie CSS Z-indeks CSS oorloop CSS Float CSS Inline-blok CSS Belyn CSS-kombineerders CSS Pseudo-klas CSS Pseudo-element CSS Deursigtigheid CSS-navigasiebalk CSS-aftrekkies CSS Beeldgalery CSS Beeld Sprites CSS Attr keurders CSS-vorms CSS-tellers CSS-webwerfuitleg CSS-eenhede CSS Spesifisiteit CSS !belangrik CSS Wiskunde funksies

CSS Gevorderd

CSS afgeronde hoeke CSS-randbeelde CSS agtergronde CSS kleure CSS-kleur sleutelwoorde CSS Gradiënte CSS Shadows CSS-tekseffekte CSS Web Fonts CSS 2D-transformasies CSS 3D-transformasies CSS-oorgange CSS-animasies CSS Tooltips CSS-stylbeelde CSS-beeldrefleksie CSS-objekpas CSS voorwerp-posisie CSS-maskering CSS-knoppies CSS-paginering CSS veelvuldige kolomme CSS-gebruikerskoppelvlak CSS veranderlikes CSS-boksgrootte CSS-medianavrae CSS MQ Voorbeelde CSS Flexbox

CSS reageer

RWD Inleiding RWD Uitsigpoort RWD-roosteraansig RWD Media Navrae RWD beelde RWD-video's RWD-raamwerke RWD-sjablone

CSS -rooster

Grid Intro Roosterhouer Rooster item

CSS SASS

SASS Tutoriaal

CSS voorbeelde

CSS-sjablone CSS voorbeelde css vasvra CSS Oefeninge CSS-sertifikaat

CSS Verwysings

CSS Verwysing CSS-keurders CSS-funksies CSS Verwysing Gehoor CSS Web veilige lettertipes CSS Animateerbaar CSS-eenhede CSS PX-EM-omskakelaar CSS kleure CSS-kleurwaardes CSS verstekwaardes CSS-blaaierondersteuning

CSS -tabelle


Die voorkoms van 'n HTML-tabel kan aansienlik verbeter word met CSS:

Maatskappy Kontak Land
Alfred se voerkissie Maria Anders Duitsland
Berglund se supermark Christina Berglund Swede
Montezuma Winkelsentrum Francisco Chang Mexiko
ernstige handel Roland Mendel Oostenryk
Eilandhandel Helen Bennett VK
Koninklike kos Philip Cramer Duitsland
Laggende Bacchus Wynkelders Yoshi Tannamuri Kanada
Versamelde Kospakhuise Giovanni Rovelli Italië


Tafelgrense

borderGebruik die eiendom om tabelgrense in CSS te spesifiseer .

Die voorbeeld hieronder spesifiseer 'n swart rand vir <table>, <th>, en <td> elemente:

Voorbeeld

table, th, td {
  border: 1px solid black;
}

Volle breedte tabel

Die tabel hierbo kan in sommige gevalle klein lyk. As jy 'n tabel nodig het wat die hele skerm (volwydte) moet strek, voeg width: 100%by die <table>-element:

Voorbeeld

table {
  width: 100%;
}

Dubbele grense

Let daarop dat die tabel in die voorbeelde hierbo dubbele grense het. Dit is omdat beide die tabel en die <th> en <td> elemente aparte grense het.

Om dubbele grense te verwyder, kyk na die voorbeeld hieronder.


Vou tabelgrense in

Die border-collapseeienskap stel of die tabelgrense in 'n enkele rand ingevou moet word:

Voorbeeld

table {
  border-collapse: collapse;
}

As jy net 'n rand om die tafel wil hê, spesifiseer net die bordereienskap vir <table>:

Voorbeeld

table {
  border: 1px solid black;
}